irongit
Sign inRegister
huncholanehuncholane/defi_propertyPublic
defi_property/tailwind.config.js
93 lines2.2 KBJavaScript
RawDownloadHistory
1export default {
2 content: [
3 "./index.html",
4 "./src/**/*.{js,jsx}"
5 ],
6 theme: {
7 extend: {
8 colors: {
9 primary: {
10 50: '#f6f9fd',
11 100: '#eaf0fa',
12 200: '#cddbfa',
13 300: '#a9c4ef',
14 400: '#5887d9',
15 500: '#2660d3',
16 600: '#1b4d9f',
17 700: '#173b76',
18 800: '#102349',
19 900: '#0a1a34'
20 },
21 secondary: {
22 50: '#f3f5f9',
23 100: '#ebeef3',
24 200: '#e0e2e7',
25 300: '#ced0d7',
26 400: '#aeb4be',
27 500: '#7b848e',
28 600: '#5d6670',
29 700: '#484e57',
30 800: '#383c41',
31 900: '#22232a'
32 },
33 sapphire: {
34 50: '#f6f9fd',
35 100: '#eaf0fa',
36 200: '#cddbfa',
37 300: '#a9c4ef',
38 400: '#5887d9',
39 500: '#2660d3',
40 600: '#1b4d9f',
41 700: '#173b76',
42 800: '#102349',
43 900: '#0a1a34'
44 },
45 platinum: {
46 50: '#f3f5f9',
47 100: '#ebeef3',
48 200: '#e0e2e7',
49 300: '#ced0d7',
50 400: '#aeb4be',
51 500: '#7b848e',
52 600: '#5d6670',
53 700: '#484e57',
54 800: '#383c41',
55 900: '#22232a'
56 },
57 },
58 fontFamily: {
59 sans: ['Inter', 'Montserrat', 'sans-serif'],
60 },
61 boxShadow: {
62 luxe: '0 4px 32px 0 rgba(38,96,211,0.12)',
63 'glass': '0 8px 32px 0 rgba(38, 96, 211, 0.15)',
64 'glass-lg': '0 25px 50px -12px rgba(38, 96, 211, 0.25)',
65 'glass-xl': '0 35px 60px -12px rgba(38, 96, 211, 0.35)',
66 },
67 borderRadius: {
68 xl: '1.5rem',
69 '2xl': '2rem',
70 '3xl': '3rem',
71 },
72 backdropBlur: {
73 xs: '2px',
74 sm: '4px',
75 md: '8px',
76 lg: '12px',
77 xl: '16px',
78 '2xl': '24px',
79 '3xl': '32px',
80 },
81 backgroundColor: {
82 'glass': 'rgba(255, 255, 255, 0.25)',
83 'glass-dark': 'rgba(255, 255, 255, 0.1)',
84 'glass-light': 'rgba(255, 255, 255, 0.4)',
85 },
86 borderColor: {
87 'glass': 'rgba(255, 255, 255, 0.18)',
88 'glass-dark': 'rgba(255, 255, 255, 0.1)',
89 },
90 },
91 },
92 plugins: [],
93}