-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtailwind.config.ts
148 lines (147 loc) · 3.86 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
import type { Config } from "tailwindcss";
const config: Config = {
darkMode: ["class"],
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./data/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
colors: {
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
"primary-light": "var(--primary-light)",
"primary-dark": "var(--primary-dark)",
"secondary-light": "var(--secondary-light)",
"secondary-dark": "var(--secondary-dark)",
astronaut: {
DEFAULT: "#1B4079",
"50": "#eff8ff",
"100": "#dbeffe",
"200": "#bfe3fe",
"300": "#94d3fc",
"400": "#61b9f9",
"500": "#3c9bf5",
"600": "#267dea",
"700": "#1e68d7",
"800": "#1f53ae",
"900": "#1b4079",
"950": "#172d54",
},
card: {
DEFAULT: "hsl(var(--card))",
foreground: "hsl(var(--card-foreground))",
},
popover: {
DEFAULT: "hsl(var(--popover))",
foreground: "hsl(var(--popover-foreground))",
},
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
},
secondary: {
DEFAULT: "hsl(var(--secondary))",
foreground: "hsl(var(--secondary-foreground))",
},
muted: {
DEFAULT: "hsl(var(--muted))",
foreground: "hsl(var(--muted-foreground))",
},
accent: {
DEFAULT: "hsl(var(--accent))",
foreground: "hsl(var(--accent-foreground))",
},
destructive: {
DEFAULT: "hsl(var(--destructive))",
foreground: "hsl(var(--destructive-foreground))",
},
border: "hsl(var(--border))",
input: "hsl(var(--input))",
ring: "hsl(var(--ring))",
chart: {
"1": "hsl(var(--chart-1))",
"2": "hsl(var(--chart-2))",
"3": "hsl(var(--chart-3))",
"4": "hsl(var(--chart-4))",
"5": "hsl(var(--chart-5))",
},
c: "rgb(168, 185, 204)",
cpp: "rgb(0, 89, 156)",
python: "rgb(3, 61, 255)",
swift: "rgb(252, 115, 67)",
javascript: "rgb(247, 223, 30)",
typescript: "rgb(0, 122, 204)",
html: "rgb(227, 76, 38)",
css: "rgb(38, 77, 228)",
astro: "rgb(255, 126, 90)",
bootstrap: "rgb(86, 61, 124)",
react: "rgb(97, 219, 251)",
nextjs: "rgb(153, 153, 153)",
tailwindcss: "rgb(6, 182, 212)",
nodejs: "rgb(51, 153, 51)",
express: "rgb(153, 153, 153)",
django: "rgb(9, 46, 32)",
fastapi: "rgb(0, 150, 136)",
firebase: "rgb(255, 202, 40)",
mongodb: "rgb(71, 162, 72)",
dynamodb: "rgb(64, 83, 214)",
git: "rgb(240, 80, 50)",
github: "rgb(153, 153, 153)",
figma: "rgb(242, 78, 30)",
postman: "rgb(255, 108, 55)",
reactnative: "rgb(97, 219, 251)",
xcode: "rgb(20, 126, 251)",
swiftui: "rgb(0, 113, 230)",
mysql: "rgb(68, 121, 161)",
sqlite3: "rgb(0, 59, 87)",
vue: "rgb(42, 130, 228)",
nuxt: "rgb(0, 0, 0)",
aws: "rgb(232, 120, 0)",
docker: "rgb(13, 183, 237)",
gcp: "rgb(66, 133, 244)",
flask: "rgb(0, 0, 0)",
},
flex: {
"1.5": "1.5 1.5 0%",
"2": "2 2 0%",
"3": "3 3 0%",
},
container: {
center: true,
},
writingMode: {
"vertical-lr": "vertical-lr",
"vertical-rl": "vertical-rl",
},
borderRadius: {
lg: "var(--radius)",
md: "calc(var(--radius) - 2px)",
sm: "calc(var(--radius) - 4px)",
},
keyframes: {
"fade-in": {
"0%": { opacity: "0" },
"100%": { opacity: "1" },
},
"fade-out": {
"0%": { opacity: "1" },
"100%": { opacity: "0" },
},
"appear-top": {
from: { opacity: "0", transform: "translateY(0.5rem)" },
to: { opacity: "1", transform: "translateY(0%)" },
},
},
animation: {
"fade-in": "fade-in 750ms ease-in-out",
"fade-out": "fade-out 0.3s ease-in-out",
"appear-top": "appear-top 750ms ease-out",
},
},
},
plugins: [require("tailwindcss-animate")],
};
export default config;