Skip to content

Commit d0e2123

Browse files
Build CSS
1 parent 9a9032f commit d0e2123

12 files changed

+168
-168
lines changed

css/pico.classless.css

+21-21
Original file line numberDiff line numberDiff line change
@@ -199,18 +199,18 @@ input:not([type=submit],
199199
color-scheme: light;
200200
--pico-background-color: #fff;
201201
--pico-color: #373c44;
202-
--pico-text-selection-color: rgba(210, 122, 1, 0.25);
202+
--pico-text-selection-color: rgba(149, 144, 130, 0.25);
203203
--pico-muted-color: #646b79;
204204
--pico-muted-border-color: rgb(231, 234, 239.5);
205-
--pico-primary: #9c5900;
206-
--pico-primary-background: #ff9500;
205+
--pico-primary: #6e6a60;
206+
--pico-primary-background: #ccc6b4;
207207
--pico-primary-border: var(--pico-primary-background);
208-
--pico-primary-underline: rgba(156, 89, 0, 0.5);
209-
--pico-primary-hover: #7a4400;
210-
--pico-primary-hover-background: #e48500;
208+
--pico-primary-underline: rgba(110, 106, 96, 0.5);
209+
--pico-primary-hover: #55524a;
210+
--pico-primary-hover-background: #beb8a7;
211211
--pico-primary-hover-border: var(--pico-primary-hover-background);
212212
--pico-primary-hover-underline: var(--pico-primary-hover);
213-
--pico-primary-focus: rgba(210, 122, 1, 0.5);
213+
--pico-primary-focus: rgba(149, 144, 130, 0.5);
214214
--pico-primary-inverse: #000;
215215
--pico-secondary: #5d6b89;
216216
--pico-secondary-background: #525f7a;
@@ -339,18 +339,18 @@ input:not([type=submit],
339339
color-scheme: dark;
340340
--pico-background-color: rgb(19, 22.5, 30.5);
341341
--pico-color: #c2c7d0;
342-
--pico-text-selection-color: rgba(228, 133, 0, 0.1875);
342+
--pico-text-selection-color: rgba(163, 158, 143, 0.1875);
343343
--pico-muted-color: #7b8495;
344344
--pico-muted-border-color: #202632;
345-
--pico-primary: #e48500;
346-
--pico-primary-background: #ff9500;
345+
--pico-primary: #a39e8f;
346+
--pico-primary-background: #ccc6b4;
347347
--pico-primary-border: var(--pico-primary-background);
348-
--pico-primary-underline: rgba(228, 133, 0, 0.5);
349-
--pico-primary-hover: #ffa23a;
350-
--pico-primary-hover-background: #ffa23a;
348+
--pico-primary-underline: rgba(163, 158, 143, 0.5);
349+
--pico-primary-hover: #beb8a7;
350+
--pico-primary-hover-background: #dad4c2;
351351
--pico-primary-hover-border: var(--pico-primary-hover-background);
352352
--pico-primary-hover-underline: var(--pico-primary-hover);
353-
--pico-primary-focus: rgba(228, 133, 0, 0.375);
353+
--pico-primary-focus: rgba(163, 158, 143, 0.375);
354354
--pico-primary-inverse: #000;
355355
--pico-secondary: #969eaf;
356356
--pico-secondary-background: #525f7a;
@@ -469,18 +469,18 @@ input:not([type=submit],
469469
color-scheme: dark;
470470
--pico-background-color: rgb(19, 22.5, 30.5);
471471
--pico-color: #c2c7d0;
472-
--pico-text-selection-color: rgba(228, 133, 0, 0.1875);
472+
--pico-text-selection-color: rgba(163, 158, 143, 0.1875);
473473
--pico-muted-color: #7b8495;
474474
--pico-muted-border-color: #202632;
475-
--pico-primary: #e48500;
476-
--pico-primary-background: #ff9500;
475+
--pico-primary: #a39e8f;
476+
--pico-primary-background: #ccc6b4;
477477
--pico-primary-border: var(--pico-primary-background);
478-
--pico-primary-underline: rgba(228, 133, 0, 0.5);
479-
--pico-primary-hover: #ffa23a;
480-
--pico-primary-hover-background: #ffa23a;
478+
--pico-primary-underline: rgba(163, 158, 143, 0.5);
479+
--pico-primary-hover: #beb8a7;
480+
--pico-primary-hover-background: #dad4c2;
481481
--pico-primary-hover-border: var(--pico-primary-hover-background);
482482
--pico-primary-hover-underline: var(--pico-primary-hover);
483-
--pico-primary-focus: rgba(228, 133, 0, 0.375);
483+
--pico-primary-focus: rgba(163, 158, 143, 0.375);
484484
--pico-primary-inverse: #000;
485485
--pico-secondary: #969eaf;
486486
--pico-secondary-background: #525f7a;

css/pico.classless.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

css/pico.conditional.css

+21-21
Original file line numberDiff line numberDiff line change
@@ -232,18 +232,18 @@ nav details.dropdown summary:focus-visible {
232232
color-scheme: light;
233233
--pico-background-color: #fff;
234234
--pico-color: #373c44;
235-
--pico-text-selection-color: rgba(116, 139, 248, 0.25);
235+
--pico-text-selection-color: rgba(167, 128, 212, 0.25);
236236
--pico-muted-color: #646b79;
237237
--pico-muted-border-color: rgb(231, 234, 239.5);
238-
--pico-primary: #2060df;
239-
--pico-primary-background: #2060df;
238+
--pico-primary: #8352c5;
239+
--pico-primary-background: #7540bf;
240240
--pico-primary-border: var(--pico-primary-background);
241-
--pico-primary-underline: rgba(32, 96, 223, 0.5);
242-
--pico-primary-hover: #184eb8;
243-
--pico-primary-hover-background: #1d59d0;
241+
--pico-primary-underline: rgba(131, 82, 197, 0.5);
242+
--pico-primary-hover: #6935b3;
243+
--pico-primary-hover-background: #6935b3;
244244
--pico-primary-hover-border: var(--pico-primary-hover-background);
245245
--pico-primary-hover-underline: var(--pico-primary-hover);
246-
--pico-primary-focus: rgba(116, 139, 248, 0.5);
246+
--pico-primary-focus: rgba(167, 128, 212, 0.5);
247247
--pico-primary-inverse: #fff;
248248
--pico-secondary: #5d6b89;
249249
--pico-secondary-background: #525f7a;
@@ -387,18 +387,18 @@ nav details.dropdown summary:focus-visible {
387387
color-scheme: dark;
388388
--pico-background-color: rgb(19, 22.5, 30.5);
389389
--pico-color: #c2c7d0;
390-
--pico-text-selection-color: rgba(137, 153, 249, 0.1875);
390+
--pico-text-selection-color: rgba(178, 144, 217, 0.1875);
391391
--pico-muted-color: #7b8495;
392392
--pico-muted-border-color: #202632;
393-
--pico-primary: #8999f9;
394-
--pico-primary-background: #2060df;
393+
--pico-primary: #b290d9;
394+
--pico-primary-background: #7540bf;
395395
--pico-primary-border: var(--pico-primary-background);
396-
--pico-primary-underline: rgba(137, 153, 249, 0.5);
397-
--pico-primary-hover: #aeb5fb;
398-
--pico-primary-hover-background: #3c71f7;
396+
--pico-primary-underline: rgba(178, 144, 217, 0.5);
397+
--pico-primary-hover: #c9afe4;
398+
--pico-primary-hover-background: #8352c5;
399399
--pico-primary-hover-border: var(--pico-primary-hover-background);
400400
--pico-primary-hover-underline: var(--pico-primary-hover);
401-
--pico-primary-focus: rgba(137, 153, 249, 0.375);
401+
--pico-primary-focus: rgba(178, 144, 217, 0.375);
402402
--pico-primary-inverse: #fff;
403403
--pico-secondary: #969eaf;
404404
--pico-secondary-background: #525f7a;
@@ -542,18 +542,18 @@ nav details.dropdown summary:focus-visible {
542542
color-scheme: dark;
543543
--pico-background-color: rgb(19, 22.5, 30.5);
544544
--pico-color: #c2c7d0;
545-
--pico-text-selection-color: rgba(137, 153, 249, 0.1875);
545+
--pico-text-selection-color: rgba(178, 144, 217, 0.1875);
546546
--pico-muted-color: #7b8495;
547547
--pico-muted-border-color: #202632;
548-
--pico-primary: #8999f9;
549-
--pico-primary-background: #2060df;
548+
--pico-primary: #b290d9;
549+
--pico-primary-background: #7540bf;
550550
--pico-primary-border: var(--pico-primary-background);
551-
--pico-primary-underline: rgba(137, 153, 249, 0.5);
552-
--pico-primary-hover: #aeb5fb;
553-
--pico-primary-hover-background: #3c71f7;
551+
--pico-primary-underline: rgba(178, 144, 217, 0.5);
552+
--pico-primary-hover: #c9afe4;
553+
--pico-primary-hover-background: #8352c5;
554554
--pico-primary-hover-border: var(--pico-primary-hover-background);
555555
--pico-primary-hover-underline: var(--pico-primary-hover);
556-
--pico-primary-focus: rgba(137, 153, 249, 0.375);
556+
--pico-primary-focus: rgba(178, 144, 217, 0.375);
557557
--pico-primary-inverse: #fff;
558558
--pico-secondary: #969eaf;
559559
--pico-secondary-background: #525f7a;

css/pico.conditional.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

css/pico.css

+33-33
Original file line numberDiff line numberDiff line change
@@ -232,19 +232,19 @@ nav details.dropdown summary:focus-visible {
232232
color-scheme: light;
233233
--pico-background-color: #fff;
234234
--pico-color: #373c44;
235-
--pico-text-selection-color: rgba(210, 122, 1, 0.25);
235+
--pico-text-selection-color: rgba(244, 93, 44, 0.25);
236236
--pico-muted-color: #646b79;
237237
--pico-muted-border-color: rgb(231, 234, 239.5);
238-
--pico-primary: #9c5900;
239-
--pico-primary-background: #ff9500;
238+
--pico-primary: #bd3c13;
239+
--pico-primary-background: #d24317;
240240
--pico-primary-border: var(--pico-primary-background);
241-
--pico-primary-underline: rgba(156, 89, 0, 0.5);
242-
--pico-primary-hover: #7a4400;
243-
--pico-primary-hover-background: #e48500;
241+
--pico-primary-underline: rgba(189, 60, 19, 0.5);
242+
--pico-primary-hover: #942d0d;
243+
--pico-primary-hover-background: #bd3c13;
244244
--pico-primary-hover-border: var(--pico-primary-hover-background);
245245
--pico-primary-hover-underline: var(--pico-primary-hover);
246-
--pico-primary-focus: rgba(210, 122, 1, 0.5);
247-
--pico-primary-inverse: #000;
246+
--pico-primary-focus: rgba(244, 93, 44, 0.5);
247+
--pico-primary-inverse: #fff;
248248
--pico-secondary: #5d6b89;
249249
--pico-secondary-background: #525f7a;
250250
--pico-secondary-border: var(--pico-secondary-background);
@@ -308,7 +308,7 @@ nav details.dropdown summary:focus-visible {
308308
--pico-switch-background-color: #bfc7d9;
309309
--pico-switch-checked-background-color: var(--pico-primary-background);
310310
--pico-switch-color: #fff;
311-
--pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
311+
--pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
312312
--pico-range-border-color: #dfe3eb;
313313
--pico-range-active-border-color: #bfc7d9;
314314
--pico-range-thumb-border-color: var(--pico-background-color);
@@ -343,7 +343,7 @@ nav details.dropdown summary:focus-visible {
343343
[data-theme=light] details summary[role=button]:not(.outline, .contrast, .secondary)::after,
344344
:root:not([data-theme=dark]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
345345
:host(:not([data-theme=dark])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
346-
filter: brightness(100) invert(1);
346+
filter: brightness(100) invert(0);
347347
}
348348
[data-theme=light] details summary.secondary[role=button]::after,
349349
:root:not([data-theme=dark]) details summary.secondary[role=button]::after,
@@ -358,7 +358,7 @@ nav details.dropdown summary:focus-visible {
358358
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
359359
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
360360
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
361-
filter: brightness(0) invert(1);
361+
filter: brightness(100) invert(0);
362362
}
363363
[data-theme=light] input:is([type=submit],
364364
[type=button],
@@ -387,19 +387,19 @@ nav details.dropdown summary:focus-visible {
387387
color-scheme: dark;
388388
--pico-background-color: rgb(19, 22.5, 30.5);
389389
--pico-color: #c2c7d0;
390-
--pico-text-selection-color: rgba(228, 133, 0, 0.1875);
390+
--pico-text-selection-color: rgba(245, 107, 61, 0.1875);
391391
--pico-muted-color: #7b8495;
392392
--pico-muted-border-color: #202632;
393-
--pico-primary: #e48500;
394-
--pico-primary-background: #ff9500;
393+
--pico-primary: #f56b3d;
394+
--pico-primary-background: #d24317;
395395
--pico-primary-border: var(--pico-primary-background);
396-
--pico-primary-underline: rgba(228, 133, 0, 0.5);
397-
--pico-primary-hover: #ffa23a;
398-
--pico-primary-hover-background: #ffa23a;
396+
--pico-primary-underline: rgba(245, 107, 61, 0.5);
397+
--pico-primary-hover: #f8a283;
398+
--pico-primary-hover-background: #e74b1a;
399399
--pico-primary-hover-border: var(--pico-primary-hover-background);
400400
--pico-primary-hover-underline: var(--pico-primary-hover);
401-
--pico-primary-focus: rgba(228, 133, 0, 0.375);
402-
--pico-primary-inverse: #000;
401+
--pico-primary-focus: rgba(245, 107, 61, 0.375);
402+
--pico-primary-inverse: #fff;
403403
--pico-secondary: #969eaf;
404404
--pico-secondary-background: #525f7a;
405405
--pico-secondary-border: var(--pico-secondary-background);
@@ -463,7 +463,7 @@ nav details.dropdown summary:focus-visible {
463463
--pico-switch-background-color: #333c4e;
464464
--pico-switch-checked-background-color: var(--pico-primary-background);
465465
--pico-switch-color: #fff;
466-
--pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
466+
--pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
467467
--pico-range-border-color: #202632;
468468
--pico-range-active-border-color: #2a3140;
469469
--pico-range-thumb-border-color: var(--pico-background-color);
@@ -523,7 +523,7 @@ nav details.dropdown summary:focus-visible {
523523
}
524524
:root:not([data-theme]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
525525
:host(:not([data-theme])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
526-
filter: brightness(100) invert(1);
526+
filter: brightness(100) invert(0);
527527
}
528528
:root:not([data-theme]) details summary.secondary[role=button]::after,
529529
:host(:not([data-theme])) details summary.secondary[role=button]::after {
@@ -535,26 +535,26 @@ nav details.dropdown summary:focus-visible {
535535
}
536536
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
537537
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
538-
filter: brightness(100) invert(0);
538+
filter: brightness(100) invert(1);
539539
}
540540
}
541541
[data-theme=dark] {
542542
color-scheme: dark;
543543
--pico-background-color: rgb(19, 22.5, 30.5);
544544
--pico-color: #c2c7d0;
545-
--pico-text-selection-color: rgba(228, 133, 0, 0.1875);
545+
--pico-text-selection-color: rgba(245, 107, 61, 0.1875);
546546
--pico-muted-color: #7b8495;
547547
--pico-muted-border-color: #202632;
548-
--pico-primary: #e48500;
549-
--pico-primary-background: #ff9500;
548+
--pico-primary: #f56b3d;
549+
--pico-primary-background: #d24317;
550550
--pico-primary-border: var(--pico-primary-background);
551-
--pico-primary-underline: rgba(228, 133, 0, 0.5);
552-
--pico-primary-hover: #ffa23a;
553-
--pico-primary-hover-background: #ffa23a;
551+
--pico-primary-underline: rgba(245, 107, 61, 0.5);
552+
--pico-primary-hover: #f8a283;
553+
--pico-primary-hover-background: #e74b1a;
554554
--pico-primary-hover-border: var(--pico-primary-hover-background);
555555
--pico-primary-hover-underline: var(--pico-primary-hover);
556-
--pico-primary-focus: rgba(228, 133, 0, 0.375);
557-
--pico-primary-inverse: #000;
556+
--pico-primary-focus: rgba(245, 107, 61, 0.375);
557+
--pico-primary-inverse: #fff;
558558
--pico-secondary: #969eaf;
559559
--pico-secondary-background: #525f7a;
560560
--pico-secondary-border: var(--pico-secondary-background);
@@ -618,7 +618,7 @@ nav details.dropdown summary:focus-visible {
618618
--pico-switch-background-color: #333c4e;
619619
--pico-switch-checked-background-color: var(--pico-primary-background);
620620
--pico-switch-color: #fff;
621-
--pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
621+
--pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
622622
--pico-range-border-color: #202632;
623623
--pico-range-active-border-color: #2a3140;
624624
--pico-range-thumb-border-color: var(--pico-background-color);
@@ -666,7 +666,7 @@ nav details.dropdown summary:focus-visible {
666666
--pico-form-element-focus-color: var(--pico-primary-focus);
667667
}
668668
[data-theme=dark] details summary[role=button]:not(.outline, .contrast, .secondary)::after {
669-
filter: brightness(100) invert(1);
669+
filter: brightness(100) invert(0);
670670
}
671671
[data-theme=dark] details summary.secondary[role=button]::after {
672672
filter: brightness(100) invert(0);
@@ -675,7 +675,7 @@ nav details.dropdown summary:focus-visible {
675675
filter: brightness(100) invert(1);
676676
}
677677
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
678-
filter: brightness(100) invert(0);
678+
filter: brightness(100) invert(1);
679679
}
680680

681681
progress,

css/pico.fluid.classless.conditional.css

+21-21
Original file line numberDiff line numberDiff line change
@@ -199,18 +199,18 @@ input:not([type=submit],
199199
color-scheme: light;
200200
--pico-background-color: #fff;
201201
--pico-color: #373c44;
202-
--pico-text-selection-color: rgba(0, 166, 110, 0.25);
202+
--pico-text-selection-color: rgba(246, 84, 126, 0.25);
203203
--pico-muted-color: #646b79;
204204
--pico-muted-border-color: rgb(231, 234, 239.5);
205-
--pico-primary: #007a50;
206-
--pico-primary-background: #007a50;
205+
--pico-primary: #c72259;
206+
--pico-primary-background: #d92662;
207207
--pico-primary-border: var(--pico-primary-background);
208-
--pico-primary-underline: rgba(0, 122, 80, 0.5);
209-
--pico-primary-hover: #005f3d;
210-
--pico-primary-hover-background: #006d46;
208+
--pico-primary-underline: rgba(199, 34, 89, 0.5);
209+
--pico-primary-hover: #9d1945;
210+
--pico-primary-hover-background: #c72259;
211211
--pico-primary-hover-border: var(--pico-primary-hover-background);
212212
--pico-primary-hover-underline: var(--pico-primary-hover);
213-
--pico-primary-focus: rgba(0, 166, 110, 0.5);
213+
--pico-primary-focus: rgba(246, 84, 126, 0.5);
214214
--pico-primary-inverse: #fff;
215215
--pico-secondary: #5d6b89;
216216
--pico-secondary-background: #525f7a;
@@ -339,18 +339,18 @@ input:not([type=submit],
339339
color-scheme: dark;
340340
--pico-background-color: rgb(19, 22.5, 30.5);
341341
--pico-color: #c2c7d0;
342-
--pico-text-selection-color: rgba(0, 180, 120, 0.1875);
342+
--pico-text-selection-color: rgba(247, 112, 142, 0.1875);
343343
--pico-muted-color: #7b8495;
344344
--pico-muted-border-color: #202632;
345-
--pico-primary: #00b478;
346-
--pico-primary-background: #007a50;
345+
--pico-primary: #f7708e;
346+
--pico-primary-background: #d92662;
347347
--pico-primary-border: var(--pico-primary-background);
348-
--pico-primary-underline: rgba(0, 180, 120, 0.5);
349-
--pico-primary-hover: #00cc88;
350-
--pico-primary-hover-background: #00895a;
348+
--pico-primary-underline: rgba(247, 112, 142, 0.5);
349+
--pico-primary-hover: #f99eae;
350+
--pico-primary-hover-background: #f42c6f;
351351
--pico-primary-hover-border: var(--pico-primary-hover-background);
352352
--pico-primary-hover-underline: var(--pico-primary-hover);
353-
--pico-primary-focus: rgba(0, 180, 120, 0.375);
353+
--pico-primary-focus: rgba(247, 112, 142, 0.375);
354354
--pico-primary-inverse: #fff;
355355
--pico-secondary: #969eaf;
356356
--pico-secondary-background: #525f7a;
@@ -469,18 +469,18 @@ input:not([type=submit],
469469
color-scheme: dark;
470470
--pico-background-color: rgb(19, 22.5, 30.5);
471471
--pico-color: #c2c7d0;
472-
--pico-text-selection-color: rgba(0, 180, 120, 0.1875);
472+
--pico-text-selection-color: rgba(247, 112, 142, 0.1875);
473473
--pico-muted-color: #7b8495;
474474
--pico-muted-border-color: #202632;
475-
--pico-primary: #00b478;
476-
--pico-primary-background: #007a50;
475+
--pico-primary: #f7708e;
476+
--pico-primary-background: #d92662;
477477
--pico-primary-border: var(--pico-primary-background);
478-
--pico-primary-underline: rgba(0, 180, 120, 0.5);
479-
--pico-primary-hover: #00cc88;
480-
--pico-primary-hover-background: #00895a;
478+
--pico-primary-underline: rgba(247, 112, 142, 0.5);
479+
--pico-primary-hover: #f99eae;
480+
--pico-primary-hover-background: #f42c6f;
481481
--pico-primary-hover-border: var(--pico-primary-hover-background);
482482
--pico-primary-hover-underline: var(--pico-primary-hover);
483-
--pico-primary-focus: rgba(0, 180, 120, 0.375);
483+
--pico-primary-focus: rgba(247, 112, 142, 0.375);
484484
--pico-primary-inverse: #fff;
485485
--pico-secondary: #969eaf;
486486
--pico-secondary-background: #525f7a;

0 commit comments

Comments
 (0)