Skip to content

Commit 6bbf275

Browse files
ReaJasonReaJason
committed
chore: unify color theme
1 parent 73cca36 commit 6bbf275

File tree

2 files changed

+84
-58
lines changed

2 files changed

+84
-58
lines changed

‎web/app/app.css‎

Lines changed: 64 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,80 +1,85 @@
11
@import "tailwindcss";
22
@import "tw-animate-css";
3-
@import "fumadocs-ui/css/neutral.css";
3+
@import "fumadocs-ui/css/shadcn.css";
44
@import "fumadocs-ui/css/preset.css";
55

66
:root {
77
--radius: 0.625rem;
88
--background: oklch(1 0 0);
9-
--foreground: oklch(0.141 0.005 285.823);
9+
--foreground: oklch(0.145 0 0);
1010
--card: oklch(1 0 0);
11-
--card-foreground: oklch(0.141 0.005 285.823);
11+
--card-foreground: oklch(0.145 0 0);
1212
--popover: oklch(1 0 0);
13-
--popover-foreground: oklch(0.141 0.005 285.823);
14-
--primary: oklch(0.21 0.006 285.885);
13+
--popover-foreground: oklch(0.145 0 0);
14+
--primary: oklch(0.205 0 0);
1515
--primary-foreground: oklch(0.985 0 0);
16-
--secondary: oklch(0.967 0.001 286.375);
17-
--secondary-foreground: oklch(0.21 0.006 285.885);
18-
--muted: oklch(0.967 0.001 286.375);
19-
--muted-foreground: oklch(0.552 0.016 285.938);
20-
--accent: oklch(0.967 0.001 286.375);
21-
--accent-foreground: oklch(0.21 0.006 285.885);
16+
--secondary: oklch(0.97 0 0);
17+
--secondary-foreground: oklch(0.205 0 0);
18+
--muted: oklch(0.97 0 0);
19+
--muted-foreground: oklch(0.556 0 0);
20+
--accent: oklch(0.97 0 0);
21+
--accent-foreground: oklch(0.205 0 0);
2222
--destructive: oklch(0.577 0.245 27.325);
23-
--border: oklch(0.92 0.004 286.32);
24-
--input: oklch(0.92 0.004 286.32);
25-
--ring: oklch(0.705 0.015 286.067);
23+
--border: oklch(0.922 0 0);
24+
--input: oklch(0.922 0 0);
25+
--ring: oklch(0.708 0 0);
2626
--chart-1: oklch(0.646 0.222 41.116);
2727
--chart-2: oklch(0.6 0.118 184.704);
2828
--chart-3: oklch(0.398 0.07 227.392);
2929
--chart-4: oklch(0.828 0.189 84.429);
3030
--chart-5: oklch(0.769 0.188 70.08);
3131
--sidebar: oklch(0.985 0 0);
32-
--sidebar-foreground: oklch(0.141 0.005 285.823);
33-
--sidebar-primary: oklch(0.21 0.006 285.885);
32+
--sidebar-foreground: oklch(0.145 0 0);
33+
--sidebar-primary: oklch(0.205 0 0);
3434
--sidebar-primary-foreground: oklch(0.985 0 0);
35-
--sidebar-accent: oklch(0.967 0.001 286.375);
36-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
37-
--sidebar-border: oklch(0.92 0.004 286.32);
38-
--sidebar-ring: oklch(0.705 0.015 286.067);
39-
--color-1: oklch(66.2% 0.225 25.9);
40-
--color-2: oklch(60.4% 0.26 302);
41-
--color-3: oklch(69.6% 0.165 251);
42-
--color-4: oklch(80.2% 0.134 225);
43-
--color-5: oklch(90.7% 0.231 133);
35+
--sidebar-accent: oklch(0.97 0 0);
36+
--sidebar-accent-foreground: oklch(0.205 0 0);
37+
--sidebar-border: oklch(0.922 0 0);
38+
--sidebar-ring: oklch(0.708 0 0);
4439
}
4540

4641
.dark {
47-
--background: oklch(0.141 0.005 285.823);
42+
--background: oklch(0.145 0 0);
4843
--foreground: oklch(0.985 0 0);
49-
--card: oklch(0.21 0.006 285.885);
44+
--card: oklch(0.205 0 0);
5045
--card-foreground: oklch(0.985 0 0);
51-
--popover: oklch(0.21 0.006 285.885);
46+
--popover: oklch(0.205 0 0);
5247
--popover-foreground: oklch(0.985 0 0);
53-
--primary: oklch(0.92 0.004 286.32);
54-
--primary-foreground: oklch(0.21 0.006 285.885);
55-
--secondary: oklch(0.274 0.006 286.033);
48+
--primary: oklch(0.922 0 0);
49+
--primary-foreground: oklch(0.205 0 0);
50+
--secondary: oklch(0.269 0 0);
5651
--secondary-foreground: oklch(0.985 0 0);
57-
--muted: oklch(0.274 0.006 286.033);
58-
--muted-foreground: oklch(0.705 0.015 286.067);
59-
--accent: oklch(0.274 0.006 286.033);
52+
--muted: oklch(0.269 0 0);
53+
--muted-foreground: oklch(0.708 0 0);
54+
--accent: oklch(0.269 0 0);
6055
--accent-foreground: oklch(0.985 0 0);
6156
--destructive: oklch(0.704 0.191 22.216);
6257
--border: oklch(1 0 0 / 10%);
6358
--input: oklch(1 0 0 / 15%);
64-
--ring: oklch(0.552 0.016 285.938);
59+
--ring: oklch(0.556 0 0);
6560
--chart-1: oklch(0.488 0.243 264.376);
6661
--chart-2: oklch(0.696 0.17 162.48);
6762
--chart-3: oklch(0.769 0.188 70.08);
6863
--chart-4: oklch(0.627 0.265 303.9);
6964
--chart-5: oklch(0.645 0.246 16.439);
70-
--sidebar: oklch(0.21 0.006 285.885);
65+
--sidebar: oklch(0.205 0 0);
7166
--sidebar-foreground: oklch(0.985 0 0);
7267
--sidebar-primary: oklch(0.488 0.243 264.376);
7368
--sidebar-primary-foreground: oklch(0.985 0 0);
74-
--sidebar-accent: oklch(0.274 0.006 286.033);
69+
--sidebar-accent: oklch(0.269 0 0);
7570
--sidebar-accent-foreground: oklch(0.985 0 0);
7671
--sidebar-border: oklch(1 0 0 / 10%);
77-
--sidebar-ring: oklch(0.552 0.016 285.938);
72+
--sidebar-ring: oklch(0.556 0 0);
73+
}
74+
75+
:root {
76+
--color-1: oklch(66.2% 0.225 25.9);
77+
--color-2: oklch(60.4% 0.26 302);
78+
--color-3: oklch(69.6% 0.165 251);
79+
--color-4: oklch(80.2% 0.134 225);
80+
--color-5: oklch(90.7% 0.231 133);
81+
}
82+
.dark {
7883
--color-1: oklch(66.2% 0.225 25.9);
7984
--color-2: oklch(60.4% 0.26 302);
8085
--color-3: oklch(69.6% 0.165 251);
@@ -119,27 +124,28 @@
119124
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
120125
--color-sidebar-border: var(--sidebar-border);
121126
--color-sidebar-ring: var(--sidebar-ring);
127+
--color-color-1: var(--color-1);
128+
--color-color-2: var(--color-2);
129+
--color-color-3: var(--color-3);
130+
--color-color-4: var(--color-4);
131+
--color-color-5: var(--color-5);
122132
--animate-line-shadow: line-shadow 15s linear infinite;
123-
@keyframes line-shadow {
124-
0% {
125-
background-position: 0 0;
126-
}
127-
100% {
128-
background-position: 100% -100%;
129-
}
130-
}
131133
--animate-rainbow: rainbow var(--speed, 2s) infinite linear;
132-
--color-color-5: var(--color-5);
133-
--color-color-4: var(--color-4);
134-
--color-color-3: var(--color-3);
135-
--color-color-2: var(--color-2);
136-
--color-color-1: var(--color-1);
137-
@keyframes rainbow {
138-
0% {
139-
background-position: 0%;
140-
}
141-
100% {
142-
background-position: 200%;
143-
}
134+
}
135+
@keyframes line-shadow {
136+
0% {
137+
background-position: 0 0;
138+
}
139+
100% {
140+
background-position: 100% -100%;
141+
}
142+
}
143+
144+
@keyframes rainbow {
145+
0% {
146+
background-position: 0%;
147+
}
148+
100% {
149+
background-position: 200%;
144150
}
145151
}

‎web/components.json‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "new-york",
4+
"rsc": false,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "",
8+
"css": "app/app.css",
9+
"baseColor": "neutral",
10+
"cssVariables": true
11+
},
12+
"aliases": {
13+
"components": "@/components",
14+
"utils": "@/lib/utils",
15+
"ui": "@/components/ui",
16+
"lib": "@/lib",
17+
"hooks": "@/hooks"
18+
},
19+
"iconLibrary": "lucide"
20+
}

0 commit comments

Comments
 (0)