-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
34 lines (32 loc) · 1.38 KB
/
tailwind.config.js
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
/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: ["./src/**/*.{html,js,ts,jsx,tsx}"],
theme: {
extend: {
boxShadow: {
'center': '0 0 15px rgba(0, 0, 0, 0.4)',
},
colors: {
'light-background': '#7f1d1d', // color corresponding to rose-300
'light-text': '#111827', // color corresponding to gray-900
'light-accent': '#7379BF', // dark blue
'light-accent-hover': '#97A0FC', // blue
'light-secondary': '#7f1d1d', // pink
'light-secondary-hover': '#dc2626', // dark pink
'light-nav-text': '#1f2937', // color corresponding to gray-800
'light-nav-hover': '#6b7280', // color corresponding to gray-500
'bonus-color': '#8BFCAB', // green
'dark-background': '#7f1d1d', // color corresponding to rose-600
'dark-accent': '#5eead4', // color corresponding to sky-300
'dark-accent-hover': '#0d9488', // color corresponding to sky-600
'dark-secondary': '#f3f4f6', // color corresponding to rose-300
'dark-secondary-hover': '#ef4444', // color corresponding to rose-500
'dark-text': '#f3f4f6', // color corresponding to gray-100
'dark-nav-text': '#e5e7eb', // color corresponding to gray-200
'dark-nav-hover': '#6b7280', // color corresponding to gray-500
'bonus-color': '#8BFCAB' // green
}
}
}
}