This repository was archived by the owner on Dec 10, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathtailwind.config.js
More file actions
108 lines (108 loc) · 2.8 KB
/
tailwind.config.js
File metadata and controls
108 lines (108 loc) · 2.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
darkMode: 'class',
theme: {
extend: {
colors: {
primary: {
50: '#F0F4F8',
100: '#E1E9F1',
200: '#C3D3E3',
300: '#A5BDD5',
400: '#87A7C7',
500: '#4970A5', // BLUE 2 - Main brand blue (updated from #2F3B69)
600: '#3D5A8A', // Darker shade of BLUE 2
700: '#2F4570',
800: '#213056',
900: '#131B3C'
},
secondary: {
50: '#F5F8FB',
100: '#EBF1F7',
200: '#D7E3EF',
300: '#C3D5E7',
400: '#AFC7DF',
500: '#9EA8BE', // BLUE 4 - Light accent
600: '#718EBC', // BLUE 3 - Medium accent
700: '#5A7199',
800: '#435477',
900: '#2C3755'
},
surface: {
50: '#FAFAFA',
100: '#F4F4F5',
200: '#E4E4E7',
300: '#D4D4D8',
400: '#A1A1AA',
500: '#71717A',
600: '#52525B',
700: '#3F3F46',
800: '#27272A',
900: '#18181B'
},
accent: {
light: '#9EA8BE', // BLUE 4 for light accents
medium: '#718EBC', // BLUE 3 for medium accents
dark: '#4970A5' // BLUE 2 for dark accents (updated)
}
},
fontFamily: {
'heading': ['Futura PT', 'Futura', 'Avenir', 'Helvetica Neue', 'sans-serif'],
'subheading': ['Futura PT', 'Futura', 'Avenir', 'Helvetica Neue', 'sans-serif'],
'body': ['Futura PT', 'Futura', 'Avenir', 'Helvetica Neue', 'sans-serif'],
'mono': ['Roboto Mono', 'monospace'],
'valorant': ['Valorant', 'Futura PT', 'Futura', 'Avenir', 'Helvetica Neue', 'sans-serif'],
},
fontWeight: {
'heading': '600',
'subheading': '500',
'body': '300',
},
animation: {
'pulse': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
},
typography: {
DEFAULT: {
css: {
maxWidth: 'none',
color: 'inherit',
a: {
color: '#4970A5',
'&:hover': {
color: '#3D5A8A',
},
},
h1: {
color: 'inherit',
},
h2: {
color: 'inherit',
},
h3: {
color: 'inherit',
},
h4: {
color: 'inherit',
},
strong: {
color: 'inherit',
},
code: {
color: 'inherit',
},
blockquote: {
color: 'inherit',
},
},
},
},
},
},
plugins: [
require('@tailwindcss/typography'),
],
}