Build CSS

Author: github-actions[bot]

css/pico.amber.css

@@ -3058,6 +3058,7 @@ details.dropdown > summary:not([role]) {
   background-color: var(--pico-form-element-background-color);
   color: var(--pico-form-element-placeholder-color);
   line-height: inherit;
+  text-align: inherit;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3091,6 +3092,7 @@ details.dropdown > summary + ul {
   left: 0;
   flex-direction: column;
   width: 100%;
+  min-width: 200px;
   min-width: -moz-fit-content;
   min-width: fit-content;
   margin: 0;
@@ -3122,6 +3124,7 @@ details.dropdown > summary + ul li:last-of-type {
   margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
 }
 details.dropdown > summary + ul li details {
+  width: 100%;
   margin-bottom: 0;
 }
 details.dropdown > summary + ul li details > summary {
@@ -3643,6 +3646,47 @@ dialog:not([open]) article, dialog[open=false] article {
   touch-action: auto;
 }
 
+dialog.modal-sm > article {
+  width: 90vw;
+  max-width: 400px;
+}
+dialog.modal-md > article {
+  width: 90vw;
+  max-width: 600px;
+}
+dialog.modal-lg > article {
+  width: 90vw;
+  max-width: 800px;
+}
+dialog.modal-xlg > article {
+  width: 95vw;
+  max-width: 1000px;
+}
+dialog.modal-fs {
+  padding: 0;
+}
+dialog.modal-fs > article {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100vw;
+  max-width: 100vw;
+  height: 100vh;
+  max-height: 100vh;
+  margin: 0;
+  overflow-y: auto;
+}
+dialog.modal-fs > article > footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: auto;
+}
+@media (max-width: 576px) {
+  dialog:not(.modal-fs) > article {
+    width: 95vw;
+  }
+}
+
 body:has(dialog[open]) {
   overflow: hidden;
 }

css/pico.amber.min.css

@@ -3058,6 +3058,7 @@ details.dropdown > summary:not([role]) {
   background-color: var(--pico-form-element-background-color);
   color: var(--pico-form-element-placeholder-color);
   line-height: inherit;
+  text-align: inherit;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3091,6 +3092,7 @@ details.dropdown > summary + ul {
   left: 0;
   flex-direction: column;
   width: 100%;
+  min-width: 200px;
   min-width: -moz-fit-content;
   min-width: fit-content;
   margin: 0;
@@ -3122,6 +3124,7 @@ details.dropdown > summary + ul li:last-of-type {
   margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
 }
 details.dropdown > summary + ul li details {
+  width: 100%;
   margin-bottom: 0;
 }
 details.dropdown > summary + ul li details > summary {
@@ -3643,6 +3646,47 @@ dialog:not([open]) article, dialog[open=false] article {
   touch-action: auto;
 }
 
+dialog.modal-sm > article {
+  width: 90vw;
+  max-width: 400px;
+}
+dialog.modal-md > article {
+  width: 90vw;
+  max-width: 600px;
+}
+dialog.modal-lg > article {
+  width: 90vw;
+  max-width: 800px;
+}
+dialog.modal-xlg > article {
+  width: 95vw;
+  max-width: 1000px;
+}
+dialog.modal-fs {
+  padding: 0;
+}
+dialog.modal-fs > article {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100vw;
+  max-width: 100vw;
+  height: 100vh;
+  max-height: 100vh;
+  margin: 0;
+  overflow-y: auto;
+}
+dialog.modal-fs > article > footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: auto;
+}
+@media (max-width: 576px) {
+  dialog:not(.modal-fs) > article {
+    width: 95vw;
+  }
+}
+
 body:has(dialog[open]) {
   overflow: hidden;
 }

css/pico.azure.css

@@ -3058,6 +3058,7 @@ details.dropdown > summary:not([role]) {
   background-color: var(--pico-form-element-background-color);
   color: var(--pico-form-element-placeholder-color);
   line-height: inherit;
+  text-align: inherit;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3091,6 +3092,7 @@ details.dropdown > summary + ul {
   left: 0;
   flex-direction: column;
   width: 100%;
+  min-width: 200px;
   min-width: -moz-fit-content;
   min-width: fit-content;
   margin: 0;
@@ -3122,6 +3124,7 @@ details.dropdown > summary + ul li:last-of-type {
   margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
 }
 details.dropdown > summary + ul li details {
+  width: 100%;
   margin-bottom: 0;
 }
 details.dropdown > summary + ul li details > summary {
@@ -3643,6 +3646,47 @@ dialog:not([open]) article, dialog[open=false] article {
   touch-action: auto;
 }
 
+dialog.modal-sm > article {
+  width: 90vw;
+  max-width: 400px;
+}
+dialog.modal-md > article {
+  width: 90vw;
+  max-width: 600px;
+}
+dialog.modal-lg > article {
+  width: 90vw;
+  max-width: 800px;
+}
+dialog.modal-xlg > article {
+  width: 95vw;
+  max-width: 1000px;
+}
+dialog.modal-fs {
+  padding: 0;
+}
+dialog.modal-fs > article {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100vw;
+  max-width: 100vw;
+  height: 100vh;
+  max-height: 100vh;
+  margin: 0;
+  overflow-y: auto;
+}
+dialog.modal-fs > article > footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: auto;
+}
+@media (max-width: 576px) {
+  dialog:not(.modal-fs) > article {
+    width: 95vw;
+  }
+}
+
 body:has(dialog[open]) {
   overflow: hidden;
 }

css/pico.azure.min.css

@@ -199,19 +199,19 @@ input:not([type=submit],
   color-scheme: light;
   --pico-background-color: #fff;
   --pico-color: #373c44;
-  --pico-text-selection-color: rgba(246, 84, 126, 0.25);
+  --pico-text-selection-color: rgba(149, 144, 130, 0.25);
   --pico-muted-color: #646b79;
   --pico-muted-border-color: rgb(231, 234, 239.5);
-  --pico-primary: #c72259;
-  --pico-primary-background: #d92662;
+  --pico-primary: #6e6a60;
+  --pico-primary-background: #ccc6b4;
   --pico-primary-border: var(--pico-primary-background);
-  --pico-primary-underline: rgba(199, 34, 89, 0.5);
-  --pico-primary-hover: #9d1945;
-  --pico-primary-hover-background: #c72259;
+  --pico-primary-underline: rgba(110, 106, 96, 0.5);
+  --pico-primary-hover: #55524a;
+  --pico-primary-hover-background: #beb8a7;
   --pico-primary-hover-border: var(--pico-primary-hover-background);
   --pico-primary-hover-underline: var(--pico-primary-hover);
-  --pico-primary-focus: rgba(246, 84, 126, 0.5);
-  --pico-primary-inverse: #fff;
+  --pico-primary-focus: rgba(149, 144, 130, 0.5);
+  --pico-primary-inverse: #000;
   --pico-secondary: #5d6b89;
   --pico-secondary-background: #525f7a;
   --pico-secondary-border: var(--pico-secondary-background);
@@ -275,7 +275,7 @@ input:not([type=submit],
   --pico-switch-background-color: #bfc7d9;
   --pico-switch-checked-background-color: var(--pico-primary-background);
   --pico-switch-color: #fff;
-  --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
+  --pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
   --pico-range-border-color: #dfe3eb;
   --pico-range-active-border-color: #bfc7d9;
   --pico-range-thumb-border-color: var(--pico-background-color);
@@ -305,12 +305,12 @@ input:not([type=submit],
 [data-theme=light] details summary[role=button]::after,
 :root:not([data-theme=dark]) details summary[role=button]::after,
 :host(:not([data-theme=dark])) details summary[role=button]::after {
-  filter: brightness(100) invert(0);
+  filter: brightness(100) invert(1);
 }
 [data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
 :root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
 :host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
-  filter: brightness(100) invert(0);
+  filter: brightness(0) invert(1);
 }
 [data-theme=light] input:is([type=submit],
 [type=button],
@@ -339,19 +339,19 @@ input:not([type=submit],
     color-scheme: dark;
     --pico-background-color: rgb(19, 22.5, 30.5);
     --pico-color: #c2c7d0;
-    --pico-text-selection-color: rgba(247, 112, 142, 0.1875);
+    --pico-text-selection-color: rgba(163, 158, 143, 0.1875);
     --pico-muted-color: #7b8495;
     --pico-muted-border-color: #202632;
-    --pico-primary: #f7708e;
-    --pico-primary-background: #d92662;
+    --pico-primary: #a39e8f;
+    --pico-primary-background: #ccc6b4;
     --pico-primary-border: var(--pico-primary-background);
-    --pico-primary-underline: rgba(247, 112, 142, 0.5);
-    --pico-primary-hover: #f99eae;
-    --pico-primary-hover-background: #f42c6f;
+    --pico-primary-underline: rgba(163, 158, 143, 0.5);
+    --pico-primary-hover: #beb8a7;
+    --pico-primary-hover-background: #dad4c2;
     --pico-primary-hover-border: var(--pico-primary-hover-background);
     --pico-primary-hover-underline: var(--pico-primary-hover);
-    --pico-primary-focus: rgba(247, 112, 142, 0.375);
-    --pico-primary-inverse: #fff;
+    --pico-primary-focus: rgba(163, 158, 143, 0.375);
+    --pico-primary-inverse: #000;
     --pico-secondary: #969eaf;
     --pico-secondary-background: #525f7a;
     --pico-secondary-border: var(--pico-secondary-background);
@@ -415,7 +415,7 @@ input:not([type=submit],
     --pico-switch-background-color: #333c4e;
     --pico-switch-checked-background-color: var(--pico-primary-background);
     --pico-switch-color: #fff;
-    --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
+    --pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
     --pico-range-border-color: #202632;
     --pico-range-active-border-color: #2a3140;
     --pico-range-thumb-border-color: var(--pico-background-color);
@@ -458,30 +458,30 @@ input:not([type=submit],
   }
   :root:not([data-theme]) details summary[role=button]::after,
   :host(:not([data-theme])) details summary[role=button]::after {
-    filter: brightness(100) invert(0);
+    filter: brightness(100) invert(1);
   }
   :root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
   :host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
-    filter: brightness(100) invert(1);
+    filter: brightness(100) invert(0);
   }
 }
 [data-theme=dark] {
   color-scheme: dark;
   --pico-background-color: rgb(19, 22.5, 30.5);
   --pico-color: #c2c7d0;
-  --pico-text-selection-color: rgba(247, 112, 142, 0.1875);
+  --pico-text-selection-color: rgba(163, 158, 143, 0.1875);
   --pico-muted-color: #7b8495;
   --pico-muted-border-color: #202632;
-  --pico-primary: #f7708e;
-  --pico-primary-background: #d92662;
+  --pico-primary: #a39e8f;
+  --pico-primary-background: #ccc6b4;
   --pico-primary-border: var(--pico-primary-background);
-  --pico-primary-underline: rgba(247, 112, 142, 0.5);
-  --pico-primary-hover: #f99eae;
-  --pico-primary-hover-background: #f42c6f;
+  --pico-primary-underline: rgba(163, 158, 143, 0.5);
+  --pico-primary-hover: #beb8a7;
+  --pico-primary-hover-background: #dad4c2;
   --pico-primary-hover-border: var(--pico-primary-hover-background);
   --pico-primary-hover-underline: var(--pico-primary-hover);
-  --pico-primary-focus: rgba(247, 112, 142, 0.375);
-  --pico-primary-inverse: #fff;
+  --pico-primary-focus: rgba(163, 158, 143, 0.375);
+  --pico-primary-inverse: #000;
   --pico-secondary: #969eaf;
   --pico-secondary-background: #525f7a;
   --pico-secondary-border: var(--pico-secondary-background);
@@ -545,7 +545,7 @@ input:not([type=submit],
   --pico-switch-background-color: #333c4e;
   --pico-switch-checked-background-color: var(--pico-primary-background);
   --pico-switch-color: #fff;
-  --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
+  --pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
   --pico-range-border-color: #202632;
   --pico-range-active-border-color: #2a3140;
   --pico-range-thumb-border-color: var(--pico-background-color);
@@ -581,10 +581,10 @@ input:not([type=submit],
   --pico-form-element-focus-color: var(--pico-primary-focus);
 }
 [data-theme=dark] details summary[role=button]::after {
-  filter: brightness(100) invert(0);
+  filter: brightness(100) invert(1);
 }
 [data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
-  filter: brightness(100) invert(1);
+  filter: brightness(100) invert(0);
 }
 
 progress,