forked from FastLane-Labs/fastlane-online-frontend
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtailwind.config.ts
109 lines (108 loc) · 4.23 KB
/
tailwind.config.ts
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
109
import type { Config } from 'tailwindcss'
const config: Config = {
theme: {},
content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
plugins: [require('@tailwindcss/typography'), require('daisyui')],
daisyui: {
themes: [
'synthwave', // wacky
'night', // similar to sunset
'coffee', // I like the neutrals. 2nd favorite
'dim', // I like the neutral color from this
'sunset', // might be my favorite
{
shmonad: {
...require('daisyui/src/theming/themes')['sunset'],
// "neutral": "#1c212b", // dark gray (input boxes)
// "neutral": "#120c12", // coffee (input boxes)
neutral: '#0d0e15', // coffee blue (input boxes)
'neutral-content': '#ffffff', // white text
primary: '#4f46e5', // (purple) only used in flip button
accent: '#836EF9', // Monad Purple
secondary: '#A0055D', // Monad Berry
'secondary-content': '#090a0f', // Dark blue (hover button bg)
// "secondary": "#EB6876", // FastLane Orange
// "base-content": '#c59f60', // coffee yellow secondary text
'base-content': '#ffffff', // coffee yellow secondary text
'.gradient-bg': {
background: 'linear-gradient(270deg, rgba(241,35,121, .1) 0%, rgba(7, 76, 255 , .1) 100%)',
},
'.gradient-bg-50': {
background: 'linear-gradient(260deg, rgba(241,35,121, .04) 0%, rgba(7, 76, 255 , .1) 100%)',
},
},
shmonad2: {
...require('daisyui/src/theming/themes')['sunset'],
// "neutral": "#1c212b", // dark gray (input boxes)
// "neutral": "#120c12", // coffee (input boxes)
neutral: '#0d0e15', // coffee blue (input boxes)
'neutral-content': '#ffffff', // white text
primary: '#4f46e5', // (purple) only used in flip button
accent: '#836EF9', // Monad Purple
// "secondary": "#A0055D", // Monad Berry
secondary: '#EB6876', // FastLane Orange
'secondary-content': '#090a0f', // Dark blue (hover button bg)
'base-content': '#c59f60', // coffee yellow secondary text
},
dark: {
...require('daisyui/src/theming/themes')['dark'],
primary: 'F12379', // pink
'primary-content': '#FE3187', // lighter-pink
secondary: '#F3A042', // orange
'secondary-content': '#140f3d', // light blue
accent: '#A72F60', // dark pink
'accent-content': '#78143C', // darkest pink
neutral: '#0D0935', // dark blue
'neutral-content': 'white', // white
'base-content': '#9CA3AF', // gray-300
'base-100': '#27272a', // zinc-800
'base-200': '000000', // black
'base-300': '#020810', // black blue bg
'.gradient-bg': {
background: 'linear-gradient(290deg, rgba(241,35,121, .1) 10%, rgba(7, 76, 255 , .1) 100%)',
},
'.gear': {
color: '#ffffff',
},
'.bg-theme': {
background: '#0D0935',
},
'.gray-text': {
// zinc-300
color: '#d4d4d8',
},
},
},
{
bumblebee: {
...require('daisyui/src/theming/themes')['bumblebee'],
primary: '#F12379', // pink
'primary-content': '#FE3187', // lighter-pink
secondary: '#F3A042', // orange
'secondary-content': '#d7d7d7', // gray-orange
accent: '#e07000', // darkest orange
'accent-content': '#F3A042', // dark orange
neutral: '#d5d5d7', // zinc-200
'neutral-content': '#000000', // black
'base-100': '#888', // inverted zinc
'base-200': 'ffffff', // white
'base-300': '#e8e8e8', // white gray
'.gradient-bg': {
// background: 'linear-gradient(90deg, rgba(0,105,255,1) 26%, rgba(255,0,0,1) 100%)',
// background: '#e8e8e8',
},
'.gear': {
color: '#e07000', // dark orange
},
'.bg-theme': {
background: 'transparent',
},
'.gray-text': {
color: '#3f3f46',
},
},
},
],
},
}
export default config