Skip to content

Commit b4c4420

Browse files
agomezcamperosethhorsley
agomezcampero
and
sethhorsley
authored
fix themes (#259)
Co-authored-by: Seth Horsley <[email protected]>
1 parent e93711c commit b4c4420

File tree

2 files changed

+66
-66
lines changed

2 files changed

+66
-66
lines changed

‎app/components/themes/customize_popover.rb

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,9 +33,9 @@ def view_template
3333

3434
def render_color_picker(name, color_hash, selected: false)
3535
Link(href: theme_path(name&.downcase), variant: :outline, class: ["!justify-start", ("ring-neutral-950 ring-1" if selected)]) do
36-
div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white dark:hidden", style: "background-color: hsl(#{color_hash[:root][:primary].split.join(",")})") do
36+
div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white dark:hidden", style: "background-color: #{color_hash[:root][:primary].split.join(" ")}") do
3737
end
38-
div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white hidden dark:block", style: "background-color: hsl(#{color_hash[:dark][:primary].split.join(",")})") do
38+
div(class: "w-4 h-4 rounded-full shrink-0 mr-2 ring-white hidden dark:block", style: "background-color: #{color_hash[:dark][:primary].split.join(" ")}") do
3939
end
4040
plain name&.capitalize
4141
end

‎lib/theme/c_s_s.rb

Lines changed: 64 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -145,15 +145,15 @@ def self.orange
145145
{
146146
root: {
147147
**default_root,
148-
primary: "oklch(0.577 0.245 27.325)",
148+
primary: "oklch(0.7048 0.1868 47.6)",
149149
"primary-foreground": "oklch(0.985 0 0)",
150-
ring: "oklch(0.577 0.245 27.325)"
150+
ring: "oklch(0.7048 0.1868 47.6)"
151151
},
152152
dark: {
153153
**default_dark,
154-
primary: "oklch(0.396 0.141 25.723)",
154+
primary: "oklch(0.7048 0.1868 47.6)",
155155
"primary-foreground": "oklch(0.985 0 0)",
156-
ring: "oklch(0.396 0.141 25.723)"
156+
ring: "oklch(0.7048 0.1868 47.6)"
157157
}
158158
}
159159
end
@@ -162,15 +162,15 @@ def self.amber
162162
{
163163
root: {
164164
**default_root,
165-
primary: "oklch(0.577 0.245 27.325)",
165+
primary: "oklch(0.7686 0.1646 70.11)",
166166
"primary-foreground": "oklch(0.985 0 0)",
167-
ring: "oklch(0.577 0.245 27.325)"
167+
ring: "oklch(0.7686 0.1646 70.11)"
168168
},
169169
dark: {
170170
**default_dark,
171-
primary: "oklch(0.396 0.141 25.723)",
171+
primary: "oklch(0.7686 0.1646 70.11)",
172172
"primary-foreground": "oklch(0.985 0 0)",
173-
ring: "oklch(0.396 0.141 25.723)"
173+
ring: "oklch(0.7686 0.1646 70.11)"
174174
}
175175
}
176176
end
@@ -179,15 +179,15 @@ def self.yellow
179179
{
180180
root: {
181181
**default_root,
182-
primary: "oklch(0.577 0.245 27.325)",
182+
primary: "oklch(0.8601 0.173 91.84)",
183183
"primary-foreground": "oklch(0.985 0 0)",
184-
ring: "oklch(0.577 0.245 27.325)"
184+
ring: "oklch(0.8601 0.173 91.84)"
185185
},
186186
dark: {
187187
**default_dark,
188-
primary: "oklch(0.396 0.141 25.723)",
188+
primary: "oklch(0.8601 0.173 91.84)",
189189
"primary-foreground": "oklch(0.985 0 0)",
190-
ring: "oklch(0.396 0.141 25.723)"
190+
ring: "oklch(0.8601 0.173 91.84)"
191191
}
192192
}
193193
end
@@ -196,15 +196,15 @@ def self.lime
196196
{
197197
root: {
198198
**default_root,
199-
primary: "oklch(0.577 0.245 27.325)",
199+
primary: "oklch(0.765 0.2044 131.05)",
200200
"primary-foreground": "oklch(0.985 0 0)",
201-
ring: "oklch(0.577 0.245 27.325)"
201+
ring: "oklch(0.765 0.2044 131.05)"
202202
},
203203
dark: {
204204
**default_dark,
205-
primary: "oklch(0.396 0.141 25.723)",
205+
primary: "oklch(0.765 0.2044 131.05)",
206206
"primary-foreground": "oklch(0.985 0 0)",
207-
ring: "oklch(0.396 0.141 25.723)"
207+
ring: "oklch(0.765 0.2044 131.05)"
208208
}
209209
}
210210
end
@@ -213,15 +213,15 @@ def self.green
213213
{
214214
root: {
215215
**default_root,
216-
primary: "oklch(0.577 0.245 27.325)",
216+
primary: "oklch(0.7205 0.192 149.49)",
217217
"primary-foreground": "oklch(0.985 0 0)",
218-
ring: "oklch(0.577 0.245 27.325)"
218+
ring: "oklch(0.7205 0.192 149.49)"
219219
},
220220
dark: {
221221
**default_dark,
222-
primary: "oklch(0.396 0.141 25.723)",
222+
primary: "oklch(0.7205 0.192 149.49)",
223223
"primary-foreground": "oklch(0.985 0 0)",
224-
ring: "oklch(0.396 0.141 25.723)"
224+
ring: "oklch(0.7205 0.192 149.49)"
225225
}
226226
}
227227
end
@@ -230,15 +230,15 @@ def self.emerald
230230
{
231231
root: {
232232
**default_root,
233-
primary: "oklch(0.577 0.245 27.325)",
233+
primary: "oklch(0.6902 0.1481 162.37)",
234234
"primary-foreground": "oklch(0.985 0 0)",
235-
ring: "oklch(0.577 0.245 27.325)"
235+
ring: "oklch(0.6902 0.1481 162.37)"
236236
},
237237
dark: {
238238
**default_dark,
239-
primary: "oklch(0.396 0.141 25.723)",
239+
primary: "oklch(0.6902 0.1481 162.37)",
240240
"primary-foreground": "oklch(0.985 0 0)",
241-
ring: "oklch(0.396 0.141 25.723)"
241+
ring: "oklch(0.6902 0.1481 162.37)"
242242
}
243243
}
244244
end
@@ -247,15 +247,15 @@ def self.teal
247247
{
248248
root: {
249249
**default_root,
250-
primary: "oklch(0.577 0.245 27.325)",
250+
primary: "oklch(0.7023 0.1232 181.8)",
251251
"primary-foreground": "oklch(0.985 0 0)",
252-
ring: "oklch(0.577 0.245 27.325)"
252+
ring: "oklch(0.7023 0.1232 181.8)"
253253
},
254254
dark: {
255255
**default_dark,
256-
primary: "oklch(0.396 0.141 25.723)",
256+
primary: "oklch(0.7023 0.1232 181.8)",
257257
"primary-foreground": "oklch(0.985 0 0)",
258-
ring: "oklch(0.396 0.141 25.723)"
258+
ring: "oklch(0.7023 0.1232 181.8)"
259259
}
260260
}
261261
end
@@ -264,15 +264,15 @@ def self.cyan
264264
{
265265
root: {
266266
**default_root,
267-
primary: "oklch(0.577 0.245 27.325)",
267+
primary: "oklch(0.7147 0.126 215.83)",
268268
"primary-foreground": "oklch(0.985 0 0)",
269-
ring: "oklch(0.577 0.245 27.325)"
269+
ring: "oklch(0.7147 0.126 215.83)"
270270
},
271271
dark: {
272272
**default_dark,
273-
primary: "oklch(0.396 0.141 25.723)",
273+
primary: "oklch(0.7147 0.126 215.83)",
274274
"primary-foreground": "oklch(0.985 0 0)",
275-
ring: "oklch(0.396 0.141 25.723)"
275+
ring: "oklch(0.7147 0.126 215.83)"
276276
}
277277
}
278278
end
@@ -281,15 +281,15 @@ def self.sky
281281
{
282282
root: {
283283
**default_root,
284-
primary: "oklch(0.577 0.245 27.325)",
284+
primary: "oklch(0.6847 0.1478 237.27)",
285285
"primary-foreground": "oklch(0.985 0 0)",
286-
ring: "oklch(0.577 0.245 27.325)"
286+
ring: "oklch(0.6847 0.1478 237.27)"
287287
},
288288
dark: {
289289
**default_dark,
290-
primary: "oklch(0.396 0.141 25.723)",
290+
primary: "oklch(0.6847 0.1478 237.27)",
291291
"primary-foreground": "oklch(0.985 0 0)",
292-
ring: "oklch(0.396 0.141 25.723)"
292+
ring: "oklch(0.6847 0.1478 237.27)"
293293
}
294294
}
295295
end
@@ -298,15 +298,15 @@ def self.blue
298298
{
299299
root: {
300300
**default_root,
301-
primary: "oklch(0.577 0.245 27.325)",
301+
primary: "oklch(0.6232 0.1879 259.8)",
302302
"primary-foreground": "oklch(0.985 0 0)",
303-
ring: "oklch(0.577 0.245 27.325)"
303+
ring: "oklch(0.6232 0.1879 259.8)"
304304
},
305305
dark: {
306306
**default_dark,
307-
primary: "oklch(0.396 0.141 25.723)",
307+
primary: "oklch(0.6232 0.1879 259.8)",
308308
"primary-foreground": "oklch(0.985 0 0)",
309-
ring: "oklch(0.396 0.141 25.723)"
309+
ring: "oklch(0.6232 0.1879 259.8)"
310310
}
311311
}
312312
end
@@ -315,15 +315,15 @@ def self.indigo
315315
{
316316
root: {
317317
**default_root,
318-
primary: "oklch(0.577 0.245 27.325)",
318+
primary: "oklch(0.5875 0.2039 277.36)",
319319
"primary-foreground": "oklch(0.985 0 0)",
320-
ring: "oklch(0.577 0.245 27.325)"
320+
ring: "oklch(0.5875 0.2039 277.36)"
321321
},
322322
dark: {
323323
**default_dark,
324-
primary: "oklch(0.396 0.141 25.723)",
324+
primary: "oklch(0.5875 0.2039 277.36)",
325325
"primary-foreground": "oklch(0.985 0 0)",
326-
ring: "oklch(0.396 0.141 25.723)"
326+
ring: "oklch(0.5875 0.2039 277.36)"
327327
}
328328
}
329329
end
@@ -332,15 +332,15 @@ def self.violet
332332
{
333333
root: {
334334
**default_root,
335-
primary: "oklch(0.577 0.245 27.325)",
335+
primary: "oklch(0.6016 0.2214 292.23)",
336336
"primary-foreground": "oklch(0.985 0 0)",
337-
ring: "oklch(0.577 0.245 27.325)"
337+
ring: "oklch(0.6016 0.2214 292.23)"
338338
},
339339
dark: {
340340
**default_dark,
341-
primary: "oklch(0.396 0.141 25.723)",
341+
primary: "oklch(0.6016 0.2214 292.23)",
342342
"primary-foreground": "oklch(0.985 0 0)",
343-
ring: "oklch(0.396 0.141 25.723)"
343+
ring: "oklch(0.6016 0.2214 292.23)"
344344
}
345345
}
346346
end
@@ -349,15 +349,15 @@ def self.purple
349349
{
350350
root: {
351351
**default_root,
352-
primary: "oklch(0.577 0.245 27.325)",
352+
primary: "oklch(0.6268 0.2332 304.11)",
353353
"primary-foreground": "oklch(0.985 0 0)",
354-
ring: "oklch(0.577 0.245 27.325)"
354+
ring: "oklch(0.6268 0.2332 304.11)"
355355
},
356356
dark: {
357357
**default_dark,
358-
primary: "oklch(0.396 0.141 25.723)",
358+
primary: "oklch(0.6268 0.2332 304.11)",
359359
"primary-foreground": "oklch(0.985 0 0)",
360-
ring: "oklch(0.396 0.141 25.723)"
360+
ring: "oklch(0.6268 0.2332 304.11)"
361361
}
362362
}
363363
end
@@ -366,15 +366,15 @@ def self.fuchsia
366366
{
367367
root: {
368368
**default_root,
369-
primary: "oklch(0.577 0.245 27.325)",
369+
primary: "oklch(0.6683 0.2569 322.02)",
370370
"primary-foreground": "oklch(0.985 0 0)",
371-
ring: "oklch(0.577 0.245 27.325)"
371+
ring: "oklch(0.6683 0.2569 322.02)"
372372
},
373373
dark: {
374374
**default_dark,
375-
primary: "oklch(0.396 0.141 25.723)",
375+
primary: "oklch(0.6683 0.2569 322.02)",
376376
"primary-foreground": "oklch(0.985 0 0)",
377-
ring: "oklch(0.396 0.141 25.723)"
377+
ring: "oklch(0.6683 0.2569 322.02)"
378378
}
379379
}
380380
end
@@ -383,15 +383,15 @@ def self.pink
383383
{
384384
root: {
385385
**default_root,
386-
primary: "oklch(0.577 0.245 27.325)",
386+
primary: "oklch(0.6538 0.2133 354.06)",
387387
"primary-foreground": "oklch(0.985 0 0)",
388-
ring: "oklch(0.577 0.245 27.325)"
388+
ring: "oklch(0.6538 0.2133 354.06)"
389389
},
390390
dark: {
391391
**default_dark,
392-
primary: "oklch(0.396 0.141 25.723)",
392+
primary: "oklch(0.6538 0.2133 354.06)",
393393
"primary-foreground": "oklch(0.985 0 0)",
394-
ring: "oklch(0.396 0.141 25.723)"
394+
ring: "oklch(0.6538 0.2133 354.06)"
395395
}
396396
}
397397
end
@@ -400,15 +400,15 @@ def self.rose
400400
{
401401
root: {
402402
**default_root,
403-
primary: "oklch(0.577 0.245 27.325)",
403+
primary: "oklch(0.6437 0.2159 16.81)",
404404
"primary-foreground": "oklch(0.985 0 0)",
405-
ring: "oklch(0.577 0.245 27.325)"
405+
ring: "oklch(0.6437 0.2159 16.81)"
406406
},
407407
dark: {
408408
**default_dark,
409-
primary: "oklch(0.396 0.141 25.723)",
409+
primary: "oklch(0.6437 0.2159 16.81)",
410410
"primary-foreground": "oklch(0.985 0 0)",
411-
ring: "oklch(0.396 0.141 25.723)"
411+
ring: "oklch(0.6437 0.2159 16.81)"
412412
}
413413
}
414414
end

0 commit comments

Comments
 (0)