feat: build color themes

2025-02-22 00:04:36 -05:00 · 2024-01-25 01:43:13 +07:00 · 2024-01-25 01:43:13 +07:00 · 04a7dc94ab
commit 04a7dc94ab
parent ef2100499b
129 changed files with 286021 additions and 39 deletions
--- a/.gitignore
+++ b/.gitignore
@ -27,3 +27,6 @@ Thumbs.db

 # Folders to ignore
 /node_modules/
+
+# Pico
+.pico
--- a/css/pico.amber.min.css
+++ b/css/pico.amber.min.css
--- a/css/pico.blue.min.css
+++ b/css/pico.blue.min.css
--- a/css/pico.classless.amber.min.css
+++ b/css/pico.classless.amber.min.css
--- a/css/pico.classless.blue.min.css
+++ b/css/pico.classless.blue.min.css
--- a/css/pico.classless.conditional.amber.min.css
+++ b/css/pico.classless.conditional.amber.min.css
--- a/css/pico.classless.conditional.blue.min.css
+++ b/css/pico.classless.conditional.blue.min.css
--- a/css/pico.classless.conditional.cyan.min.css
+++ b/css/pico.classless.conditional.cyan.min.css
--- a/css/pico.classless.conditional.fuchsia.min.css
+++ b/css/pico.classless.conditional.fuchsia.min.css
--- a/css/pico.classless.conditional.green.min.css
+++ b/css/pico.classless.conditional.green.min.css
--- a/css/pico.classless.conditional.grey.min.css
+++ b/css/pico.classless.conditional.grey.min.css
--- a/css/pico.classless.conditional.indigo.min.css
+++ b/css/pico.classless.conditional.indigo.min.css
--- a/css/pico.classless.conditional.jade.min.css
+++ b/css/pico.classless.conditional.jade.min.css
--- a/css/pico.classless.conditional.lime.min.css
+++ b/css/pico.classless.conditional.lime.min.css
--- a/css/pico.classless.conditional.orange.min.css
+++ b/css/pico.classless.conditional.orange.min.css
--- a/css/pico.classless.conditional.pink.min.css
+++ b/css/pico.classless.conditional.pink.min.css
--- a/css/pico.classless.conditional.pumpkin.min.css
+++ b/css/pico.classless.conditional.pumpkin.min.css
--- a/css/pico.classless.conditional.purple.min.css
+++ b/css/pico.classless.conditional.purple.min.css
--- a/css/pico.classless.conditional.red.min.css
+++ b/css/pico.classless.conditional.red.min.css
--- a/css/pico.classless.conditional.sand.min.css
+++ b/css/pico.classless.conditional.sand.min.css
--- a/css/pico.classless.conditional.slate.min.css
+++ b/css/pico.classless.conditional.slate.min.css
--- a/css/pico.classless.conditional.violet.min.css
+++ b/css/pico.classless.conditional.violet.min.css
--- a/css/pico.classless.conditional.yellow.min.css
+++ b/css/pico.classless.conditional.yellow.min.css
--- a/css/pico.classless.conditional.zinc.min.css
+++ b/css/pico.classless.conditional.zinc.min.css
--- a/css/pico.classless.css
+++ b/css/pico.classless.css
@ -68,12 +68,6 @@
    --pico-font-size: 131.25%;
  }
 }
-:root details summary[role=button]::after {
-  filter: brightness(0) invert(1);
-}
-:root [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
-  filter: brightness(0) invert(1);
-}

 a {
  --pico-text-decoration: underline;
@ -185,6 +179,14 @@ input:not([type=submit],
  --pico-form-element-spacing-horizontal: 2rem;
 }

+details summary[role=button]::after {
+  filter: brightness(0) invert(1);
+}
+
+[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
+  filter: brightness(0) invert(1);
+}
+
 /**
 * Color schemes
 */
@ -2420,5 +2422,3 @@ textarea,
    transition-duration: 0s !important;
  }
 }
-
-/*# sourceMappingURL=pico.classless.css.map */
--- a/css/pico.classless.css.map
+++ b/css/pico.classless.css.map
--- a/css/pico.classless.cyan.min.css
+++ b/css/pico.classless.cyan.min.css
--- a/css/pico.classless.fuchsia.min.css
+++ b/css/pico.classless.fuchsia.min.css
--- a/css/pico.classless.green.min.css
+++ b/css/pico.classless.green.min.css
--- a/css/pico.classless.grey.min.css
+++ b/css/pico.classless.grey.min.css
--- a/css/pico.classless.indigo.min.css
+++ b/css/pico.classless.indigo.min.css
--- a/css/pico.classless.jade.min.css
+++ b/css/pico.classless.jade.min.css
--- a/css/pico.classless.lime.min.css
+++ b/css/pico.classless.lime.min.css
--- a/css/pico.classless.min.css
+++ b/css/pico.classless.min.css
--- a/css/pico.classless.orange.min.css
+++ b/css/pico.classless.orange.min.css
--- a/css/pico.classless.pink.min.css
+++ b/css/pico.classless.pink.min.css
--- a/css/pico.classless.pumpkin.min.css
+++ b/css/pico.classless.pumpkin.min.css
--- a/css/pico.classless.purple.min.css
+++ b/css/pico.classless.purple.min.css
--- a/css/pico.classless.red.min.css
+++ b/css/pico.classless.red.min.css
--- a/css/pico.classless.sand.min.css
+++ b/css/pico.classless.sand.min.css
--- a/css/pico.classless.slate.min.css
+++ b/css/pico.classless.slate.min.css
--- a/css/pico.classless.violet.min.css
+++ b/css/pico.classless.violet.min.css
--- a/css/pico.classless.yellow.min.css
+++ b/css/pico.classless.yellow.min.css
--- a/css/pico.classless.zinc.min.css
+++ b/css/pico.classless.zinc.min.css
--- a/css/pico.colors.css
+++ b/css/pico.colors.css
@ -4007,5 +4007,3 @@
  background-color: var(--pico-color-slate);
  color: var(--pico-color-light);
 }
-
-/*# sourceMappingURL=pico.colors.css.map */
--- a/css/pico.colors.css.map
+++ b/css/pico.colors.css.map
--- a/css/pico.conditional.amber.min.css
+++ b/css/pico.conditional.amber.min.css
--- a/css/pico.conditional.blue.min.css
+++ b/css/pico.conditional.blue.min.css
--- a/css/pico.conditional.cyan.min.css
+++ b/css/pico.conditional.cyan.min.css
--- a/css/pico.conditional.fuchsia.min.css
+++ b/css/pico.conditional.fuchsia.min.css
--- a/css/pico.conditional.green.min.css
+++ b/css/pico.conditional.green.min.css
--- a/css/pico.conditional.grey.min.css
+++ b/css/pico.conditional.grey.min.css
--- a/css/pico.conditional.indigo.min.css
+++ b/css/pico.conditional.indigo.min.css
--- a/css/pico.conditional.jade.min.css
+++ b/css/pico.conditional.jade.min.css
--- a/css/pico.conditional.lime.min.css
+++ b/css/pico.conditional.lime.min.css
--- a/css/pico.conditional.orange.min.css
+++ b/css/pico.conditional.orange.min.css
--- a/css/pico.conditional.pink.min.css
+++ b/css/pico.conditional.pink.min.css
--- a/css/pico.conditional.pumpkin.min.css
+++ b/css/pico.conditional.pumpkin.min.css
--- a/css/pico.conditional.purple.min.css
+++ b/css/pico.conditional.purple.min.css
--- a/css/pico.conditional.red.min.css
+++ b/css/pico.conditional.red.min.css
--- a/css/pico.conditional.sand.min.css
+++ b/css/pico.conditional.sand.min.css
--- a/css/pico.conditional.slate.min.css
+++ b/css/pico.conditional.slate.min.css
--- a/css/pico.conditional.violet.min.css
+++ b/css/pico.conditional.violet.min.css
--- a/css/pico.conditional.yellow.min.css
+++ b/css/pico.conditional.yellow.min.css
--- a/css/pico.conditional.zinc.min.css
+++ b/css/pico.conditional.zinc.min.css
--- a/css/pico.css
+++ b/css/pico.css
@ -70,12 +70,6 @@
    --pico-font-size: 131.25%;
  }
 }
-:root details summary[role=button]:not(.outline)::after {
-  filter: brightness(0) invert(1);
-}
-:root [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
-  filter: brightness(0) invert(1);
-}

 a {
  --pico-text-decoration: underline;
@ -218,6 +212,14 @@ nav details.dropdown summary:focus-visible {
  --pico-form-element-spacing-horizontal: 2rem;
 }

+details summary[role=button]:not(.outline)::after {
+  filter: brightness(0) invert(1);
+}
+
+[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
+  filter: brightness(0) invert(1);
+}
+
 /**
 * Color schemes
 */
@ -2781,5 +2783,3 @@ textarea,
    transition-duration: 0s !important;
  }
 }
-
-/*# sourceMappingURL=pico.css.map */
--- a/css/pico.css.map
+++ b/css/pico.css.map
--- a/css/pico.cyan.min.css
+++ b/css/pico.cyan.min.css
--- a/css/pico.fluid.classless.amber.min.css
+++ b/css/pico.fluid.classless.amber.min.css
--- a/css/pico.fluid.classless.blue.min.css
+++ b/css/pico.fluid.classless.blue.min.css
--- a/css/pico.fluid.classless.conditional.amber.min.css
+++ b/css/pico.fluid.classless.conditional.amber.min.css
--- a/css/pico.fluid.classless.conditional.blue.min.css
+++ b/css/pico.fluid.classless.conditional.blue.min.css
--- a/css/pico.fluid.classless.conditional.cyan.min.css
+++ b/css/pico.fluid.classless.conditional.cyan.min.css
--- a/css/pico.fluid.classless.conditional.fuchsia.min.css
+++ b/css/pico.fluid.classless.conditional.fuchsia.min.css
--- a/css/pico.fluid.classless.conditional.green.min.css
+++ b/css/pico.fluid.classless.conditional.green.min.css
--- a/css/pico.fluid.classless.conditional.grey.min.css
+++ b/css/pico.fluid.classless.conditional.grey.min.css
--- a/css/pico.fluid.classless.conditional.indigo.min.css
+++ b/css/pico.fluid.classless.conditional.indigo.min.css
--- a/css/pico.fluid.classless.conditional.jade.min.css
+++ b/css/pico.fluid.classless.conditional.jade.min.css
--- a/css/pico.fluid.classless.conditional.lime.min.css
+++ b/css/pico.fluid.classless.conditional.lime.min.css
--- a/css/pico.fluid.classless.conditional.orange.min.css
+++ b/css/pico.fluid.classless.conditional.orange.min.css
--- a/css/pico.fluid.classless.conditional.pink.min.css
+++ b/css/pico.fluid.classless.conditional.pink.min.css
--- a/css/pico.fluid.classless.conditional.pumpkin.min.css
+++ b/css/pico.fluid.classless.conditional.pumpkin.min.css
--- a/css/pico.fluid.classless.conditional.purple.min.css
+++ b/css/pico.fluid.classless.conditional.purple.min.css
--- a/css/pico.fluid.classless.conditional.red.min.css
+++ b/css/pico.fluid.classless.conditional.red.min.css
--- a/css/pico.fluid.classless.conditional.sand.min.css
+++ b/css/pico.fluid.classless.conditional.sand.min.css
--- a/css/pico.fluid.classless.conditional.slate.min.css
+++ b/css/pico.fluid.classless.conditional.slate.min.css
--- a/css/pico.fluid.classless.conditional.violet.min.css
+++ b/css/pico.fluid.classless.conditional.violet.min.css
--- a/css/pico.fluid.classless.conditional.yellow.min.css
+++ b/css/pico.fluid.classless.conditional.yellow.min.css
--- a/css/pico.fluid.classless.conditional.zinc.min.css
+++ b/css/pico.fluid.classless.conditional.zinc.min.css
--- a/css/pico.fluid.classless.css
+++ b/css/pico.fluid.classless.css
@ -68,12 +68,6 @@
    --pico-font-size: 131.25%;
  }
 }
-:root details summary[role=button]::after {
-  filter: brightness(0) invert(1);
-}
-:root [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
-  filter: brightness(0) invert(1);
-}

 a {
  --pico-text-decoration: underline;
@ -185,6 +179,14 @@ input:not([type=submit],
  --pico-form-element-spacing-horizontal: 2rem;
 }

+details summary[role=button]::after {
+  filter: brightness(0) invert(1);
+}
+
+[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
+  filter: brightness(0) invert(1);
+}
+
 /**
 * Color schemes
 */
@ -2383,5 +2385,3 @@ textarea,
    transition-duration: 0s !important;
  }
 }
-
-/*# sourceMappingURL=pico.fluid.classless.css.map */
--- a/css/pico.fluid.classless.css.map
+++ b/css/pico.fluid.classless.css.map
--- a/css/pico.fluid.classless.cyan.min.css
+++ b/css/pico.fluid.classless.cyan.min.css
--- a/css/pico.fluid.classless.fuchsia.min.css
+++ b/css/pico.fluid.classless.fuchsia.min.css
--- a/css/pico.fluid.classless.green.min.css
+++ b/css/pico.fluid.classless.green.min.css
--- a/css/pico.fluid.classless.grey.min.css
+++ b/css/pico.fluid.classless.grey.min.css
--- a/css/pico.fluid.classless.indigo.min.css
+++ b/css/pico.fluid.classless.indigo.min.css
--- a/css/pico.fluid.classless.jade.min.css
+++ b/css/pico.fluid.classless.jade.min.css
--- a/css/pico.fluid.classless.lime.min.css
+++ b/css/pico.fluid.classless.lime.min.css
--- a/css/pico.fluid.classless.min.css
+++ b/css/pico.fluid.classless.min.css
--- a/css/pico.fluid.classless.orange.min.css
+++ b/css/pico.fluid.classless.orange.min.css
--- a/Show More
+++ b/Show More