Skip to content

Commit ca865a5

Browse files
codercatdevcodercatdev
committed
fix colors
1 parent e54996b commit ca865a5

2 files changed

Lines changed: 75 additions & 112 deletions

File tree

‎app/globals.css‎

Lines changed: 67 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -6,49 +6,74 @@
66

77
@layer base {
88
:root {
9-
--background: 0 0% 100%;
10-
--foreground: 224 71.4% 4.1%;
11-
--card: 0 0% 100%;
12-
--card-foreground: 224 71.4% 4.1%;
13-
--popover: 0 0% 100%;
14-
--popover-foreground: 224 71.4% 4.1%;
15-
--primary: 262.1 83.3% 57.8%;
16-
--primary-foreground: 210 20% 98%;
17-
--secondary: 220 14.3% 95.9%;
18-
--secondary-foreground: 220.9 39.3% 11%;
19-
--muted: 220 14.3% 95.9%;
20-
--muted-foreground: 220 8.9% 46.1%;
21-
--accent: 220 14.3% 95.9%;
22-
--accent-foreground: 220.9 39.3% 11%;
23-
--destructive: 0 84.2% 60.2%;
24-
--destructive-foreground: 210 20% 98%;
25-
--border: 220 13% 91%;
26-
--input: 220 13% 91%;
27-
--ring: 262.1 83.3% 57.8%;
28-
--radius: 0.5rem;
29-
}
9+
--radius: 0.65rem;
10+
--background: oklch(1 0 0);
11+
--foreground: oklch(0.141 0.005 285.823);
12+
--card: oklch(1 0 0);
13+
--card-foreground: oklch(0.141 0.005 285.823);
14+
--popover: oklch(1 0 0);
15+
--popover-foreground: oklch(0.141 0.005 285.823);
16+
--primary: oklch(0.606 0.25 292.717);
17+
--primary-foreground: oklch(0.969 0.016 293.756);
18+
--secondary: oklch(0.967 0.001 286.375);
19+
--secondary-foreground: oklch(0.21 0.006 285.885);
20+
--muted: oklch(0.967 0.001 286.375);
21+
--muted-foreground: oklch(0.552 0.016 285.938);
22+
--accent: oklch(0.967 0.001 286.375);
23+
--accent-foreground: oklch(0.21 0.006 285.885);
24+
--destructive: oklch(0.577 0.245 27.325);
25+
--border: oklch(0.92 0.004 286.32);
26+
--input: oklch(0.92 0.004 286.32);
27+
--ring: oklch(0.606 0.25 292.717);
28+
--chart-1: oklch(0.646 0.222 41.116);
29+
--chart-2: oklch(0.6 0.118 184.704);
30+
--chart-3: oklch(0.398 0.07 227.392);
31+
--chart-4: oklch(0.828 0.189 84.429);
32+
--chart-5: oklch(0.769 0.188 70.08);
33+
--sidebar: oklch(0.985 0 0);
34+
--sidebar-foreground: oklch(0.141 0.005 285.823);
35+
--sidebar-primary: oklch(0.606 0.25 292.717);
36+
--sidebar-primary-foreground: oklch(0.969 0.016 293.756);
37+
--sidebar-accent: oklch(0.967 0.001 286.375);
38+
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
39+
--sidebar-border: oklch(0.92 0.004 286.32);
40+
--sidebar-ring: oklch(0.606 0.25 292.717);
41+
}
42+
43+
.dark {
44+
--background: oklch(0.141 0.005 285.823);
45+
--foreground: oklch(0.985 0 0);
46+
--card: oklch(0.21 0.006 285.885);
47+
--card-foreground: oklch(0.985 0 0);
48+
--popover: oklch(0.21 0.006 285.885);
49+
--popover-foreground: oklch(0.985 0 0);
50+
--primary: oklch(0.541 0.281 293.009);
51+
--primary-foreground: oklch(0.969 0.016 293.756);
52+
--secondary: oklch(0.274 0.006 286.033);
53+
--secondary-foreground: oklch(0.985 0 0);
54+
--muted: oklch(0.274 0.006 286.033);
55+
--muted-foreground: oklch(0.705 0.015 286.067);
56+
--accent: oklch(0.274 0.006 286.033);
57+
--accent-foreground: oklch(0.985 0 0);
58+
--destructive: oklch(0.704 0.191 22.216);
59+
--border: oklch(1 0 0 / 10%);
60+
--input: oklch(1 0 0 / 15%);
61+
--ring: oklch(0.541 0.281 293.009);
62+
--chart-1: oklch(0.488 0.243 264.376);
63+
--chart-2: oklch(0.696 0.17 162.48);
64+
--chart-3: oklch(0.769 0.188 70.08);
65+
--chart-4: oklch(0.627 0.265 303.9);
66+
--chart-5: oklch(0.645 0.246 16.439);
67+
--sidebar: oklch(0.21 0.006 285.885);
68+
--sidebar-foreground: oklch(0.985 0 0);
69+
--sidebar-primary: oklch(0.541 0.281 293.009);
70+
--sidebar-primary-foreground: oklch(0.969 0.016 293.756);
71+
--sidebar-accent: oklch(0.274 0.006 286.033);
72+
--sidebar-accent-foreground: oklch(0.985 0 0);
73+
--sidebar-border: oklch(1 0 0 / 10%);
74+
--sidebar-ring: oklch(0.541 0.281 293.009);
75+
}
3076

31-
.dark {
32-
--background: 224 71.4% 4.1%;
33-
--foreground: 210 20% 98%;
34-
--card: 224 71.4% 4.1%;
35-
--card-foreground: 210 20% 98%;
36-
--popover: 224 71.4% 4.1%;
37-
--popover-foreground: 210 20% 98%;
38-
--primary: 263.4 70% 50.4%;
39-
--primary-foreground: 210 20% 98%;
40-
--secondary: 215 27.9% 16.9%;
41-
--secondary-foreground: 210 20% 98%;
42-
--muted: 215 27.9% 16.9%;
43-
--muted-foreground: 217.9 10.6% 64.9%;
44-
--accent: 215 27.9% 16.9%;
45-
--accent-foreground: 210 20% 98%;
46-
--destructive: 0 62.8% 30.6%;
47-
--destructive-foreground: 210 20% 98%;
48-
--border: 215 27.9% 16.9%;
49-
--input: 215 27.9% 16.9%;
50-
--ring: 263.4 70% 50.4%;
51-
}
5277
}
5378

5479
@layer base {
@@ -128,74 +153,6 @@
128153
}
129154
}
130155

131-
:root {
132-
--radius: 0.625rem;
133-
--background: oklch(1 0 0);
134-
--foreground: oklch(0.145 0 0);
135-
--card: oklch(1 0 0);
136-
--card-foreground: oklch(0.145 0 0);
137-
--popover: oklch(1 0 0);
138-
--popover-foreground: oklch(0.145 0 0);
139-
--primary: oklch(0.205 0 0);
140-
--primary-foreground: oklch(0.985 0 0);
141-
--secondary: oklch(0.97 0 0);
142-
--secondary-foreground: oklch(0.205 0 0);
143-
--muted: oklch(0.97 0 0);
144-
--muted-foreground: oklch(0.556 0 0);
145-
--accent: oklch(0.97 0 0);
146-
--accent-foreground: oklch(0.205 0 0);
147-
--destructive: oklch(0.577 0.245 27.325);
148-
--border: oklch(0.922 0 0);
149-
--input: oklch(0.922 0 0);
150-
--ring: oklch(0.708 0 0);
151-
--chart-1: oklch(0.646 0.222 41.116);
152-
--chart-2: oklch(0.6 0.118 184.704);
153-
--chart-3: oklch(0.398 0.07 227.392);
154-
--chart-4: oklch(0.828 0.189 84.429);
155-
--chart-5: oklch(0.769 0.188 70.08);
156-
--sidebar: oklch(0.985 0 0);
157-
--sidebar-foreground: oklch(0.145 0 0);
158-
--sidebar-primary: oklch(0.205 0 0);
159-
--sidebar-primary-foreground: oklch(0.985 0 0);
160-
--sidebar-accent: oklch(0.97 0 0);
161-
--sidebar-accent-foreground: oklch(0.205 0 0);
162-
--sidebar-border: oklch(0.922 0 0);
163-
--sidebar-ring: oklch(0.708 0 0);
164-
}
165-
166-
.dark {
167-
--background: oklch(0.145 0 0);
168-
--foreground: oklch(0.985 0 0);
169-
--card: oklch(0.205 0 0);
170-
--card-foreground: oklch(0.985 0 0);
171-
--popover: oklch(0.205 0 0);
172-
--popover-foreground: oklch(0.985 0 0);
173-
--primary: oklch(0.922 0 0);
174-
--primary-foreground: oklch(0.205 0 0);
175-
--secondary: oklch(0.269 0 0);
176-
--secondary-foreground: oklch(0.985 0 0);
177-
--muted: oklch(0.269 0 0);
178-
--muted-foreground: oklch(0.708 0 0);
179-
--accent: oklch(0.269 0 0);
180-
--accent-foreground: oklch(0.985 0 0);
181-
--destructive: oklch(0.704 0.191 22.216);
182-
--border: oklch(1 0 0 / 10%);
183-
--input: oklch(1 0 0 / 15%);
184-
--ring: oklch(0.556 0 0);
185-
--chart-1: oklch(0.488 0.243 264.376);
186-
--chart-2: oklch(0.696 0.17 162.48);
187-
--chart-3: oklch(0.769 0.188 70.08);
188-
--chart-4: oklch(0.627 0.265 303.9);
189-
--chart-5: oklch(0.645 0.246 16.439);
190-
--sidebar: oklch(0.205 0 0);
191-
--sidebar-foreground: oklch(0.985 0 0);
192-
--sidebar-primary: oklch(0.488 0.243 264.376);
193-
--sidebar-primary-foreground: oklch(0.985 0 0);
194-
--sidebar-accent: oklch(0.269 0 0);
195-
--sidebar-accent-foreground: oklch(0.985 0 0);
196-
--sidebar-border: oklch(1 0 0 / 10%);
197-
--sidebar-ring: oklch(0.556 0 0);
198-
}
199156

200157
@layer base {
201158
* {

‎components/algolia-search.tsx‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -103,12 +103,18 @@ export default function AlgoliaSearch({
103103
<Highlight
104104
hit={hit}
105105
attribute="title"
106-
classNames={{ highlighted: "bg-primary" }}
106+
classNames={{
107+
highlighted:
108+
"bg-primary text-primary-foreground text-xl px-1 py-0.5 rounded-md",
109+
}}
107110
/>
108111
<Highlight
109112
hit={hit}
110113
attribute="excerpt"
111-
classNames={{ highlighted: "bg-primary text-xs sm:text-sm" }}
114+
classNames={{
115+
highlighted:
116+
"bg-primary text-primary-foreground text-xl px-1 py-0.5 rounded-md",
117+
}}
112118
/>
113119
</div>
114120
</Link>

0 commit comments

Comments
 (0)