mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 09:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: upgrade dependencies

Browse source
This commit is contained in:
Lucas Larroche 2025-03-09 11:14:33 +07:00
parent 6dc6489e69
commit 9b58221407
242 changed files with 4270 additions and 4123 deletions
Download patch file Download diff file Expand all files Collapse all files

66
css/pico.amber.css
View file

@ -229,7 +229,7 @@ details summary[role=button]:not(.outline)::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(183, 136, 0, 0.25); --pico-text-selection-color: rgba(183, 136, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #876400; --pico-primary: #876400;
--pico-primary-background: #ffbf00; --pico-primary-background: #ffbf00;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ details summary[role=button]:not(.outline)::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ details summary[role=button]:not(.outline)::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ details summary[role=button]:not(.outline)::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ details summary[role=button]:not(.outline)::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ details summary[role=button]:not(.outline)::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ details summary[role=button]:not(.outline)::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ details summary[role=button]:not(.outline)::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ details summary[role=button]:not(.outline)::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ details summary[role=button]:not(.outline)::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ details summary[role=button]:not(.outline)::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ details summary[role=button]:not(.outline)::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.blue.css
View file

@ -229,7 +229,7 @@ details summary[role=button]:not(.outline)::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(116, 139, 248, 0.25); --pico-text-selection-color: rgba(116, 139, 248, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #2060df; --pico-primary: #2060df;
--pico-primary-background: #2060df; --pico-primary-background: #2060df;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ details summary[role=button]:not(.outline)::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ details summary[role=button]:not(.outline)::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ details summary[role=button]:not(.outline)::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ details summary[role=button]:not(.outline)::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ details summary[role=button]:not(.outline)::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ details summary[role=button]:not(.outline)::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ details summary[role=button]:not(.outline)::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ details summary[role=button]:not(.outline)::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ details summary[role=button]:not(.outline)::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ details summary[role=button]:not(.outline)::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ details summary[role=button]:not(.outline)::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.amber.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(183, 136, 0, 0.25); --pico-text-selection-color: rgba(183, 136, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #876400; --pico-primary: #876400;
--pico-primary-background: #ffbf00; --pico-primary-background: #ffbf00;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.blue.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(116, 139, 248, 0.25); --pico-text-selection-color: rgba(116, 139, 248, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #2060df; --pico-primary: #2060df;
--pico-primary-background: #2060df; --pico-primary-background: #2060df;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.amber.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(183, 136, 0, 0.25); --pico-text-selection-color: rgba(183, 136, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #876400; --pico-primary: #876400;
--pico-primary-background: #ffbf00; --pico-primary-background: #ffbf00;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.blue.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(116, 139, 248, 0.25); --pico-text-selection-color: rgba(116, 139, 248, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #2060df; --pico-primary: #2060df;
--pico-primary-background: #2060df; --pico-primary-background: #2060df;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.cyan.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(5, 162, 162, 0.25); --pico-text-selection-color: rgba(5, 162, 162, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #047878; --pico-primary: #047878;
--pico-primary-background: #047878; --pico-primary-background: #047878;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(10, 177, 177, 0.1875); --pico-text-selection-color: rgba(10, 177, 177, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(10, 177, 177, 0.1875); --pico-text-selection-color: rgba(10, 177, 177, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.fuchsia.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(247, 72, 183, 0.25); --pico-text-selection-color: rgba(247, 72, 183, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c1208b; --pico-primary: #c1208b;
--pico-primary-background: #c1208b; --pico-primary-background: #c1208b;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(248, 105, 191, 0.1875); --pico-text-selection-color: rgba(248, 105, 191, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(248, 105, 191, 0.1875); --pico-text-selection-color: rgba(248, 105, 191, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.green.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(71, 164, 23, 0.25); --pico-text-selection-color: rgba(71, 164, 23, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #33790f; --pico-primary: #33790f;
--pico-primary-background: #398712; --pico-primary-background: #398712;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(78, 179, 27, 0.1875); --pico-text-selection-color: rgba(78, 179, 27, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(78, 179, 27, 0.1875); --pico-text-selection-color: rgba(78, 179, 27, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.grey.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(145, 145, 145, 0.25); --pico-text-selection-color: rgba(145, 145, 145, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #6a6a6a; --pico-primary: #6a6a6a;
--pico-primary-background: #ababab; --pico-primary-background: #ababab;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(158, 158, 158, 0.1875); --pico-text-selection-color: rgba(158, 158, 158, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(158, 158, 158, 0.1875); --pico-text-selection-color: rgba(158, 158, 158, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.indigo.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(148, 134, 225, 0.25); --pico-text-selection-color: rgba(148, 134, 225, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #655cd6; --pico-primary: #655cd6;
--pico-primary-background: #524ed2; --pico-primary-background: #524ed2;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(162, 148, 229, 0.1875); --pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(162, 148, 229, 0.1875); --pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.jade.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(0, 166, 110, 0.25); --pico-text-selection-color: rgba(0, 166, 110, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #007a50; --pico-primary: #007a50;
--pico-primary-background: #007a50; --pico-primary-background: #007a50;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875); --pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875); --pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.lime.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(119, 156, 0, 0.25); --pico-text-selection-color: rgba(119, 156, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #577400; --pico-primary: #577400;
--pico-primary-background: #a5d601; --pico-primary-background: #a5d601;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(130, 171, 0, 0.1875); --pico-text-selection-color: rgba(130, 171, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(130, 171, 0, 0.1875); --pico-text-selection-color: rgba(130, 171, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.orange.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(244, 93, 44, 0.25); --pico-text-selection-color: rgba(244, 93, 44, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #bd3c13; --pico-primary: #bd3c13;
--pico-primary-background: #d24317; --pico-primary-background: #d24317;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(245, 107, 61, 0.1875); --pico-text-selection-color: rgba(245, 107, 61, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(245, 107, 61, 0.1875); --pico-text-selection-color: rgba(245, 107, 61, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.pink.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(246, 84, 126, 0.25); --pico-text-selection-color: rgba(246, 84, 126, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c72259; --pico-primary: #c72259;
--pico-primary-background: #d92662; --pico-primary-background: #d92662;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(247, 112, 142, 0.1875); --pico-text-selection-color: rgba(247, 112, 142, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(247, 112, 142, 0.1875); --pico-text-selection-color: rgba(247, 112, 142, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.pumpkin.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(210, 122, 1, 0.25); --pico-text-selection-color: rgba(210, 122, 1, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #9c5900; --pico-primary: #9c5900;
--pico-primary-background: #ff9500; --pico-primary-background: #ff9500;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(228, 133, 0, 0.1875); --pico-text-selection-color: rgba(228, 133, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(228, 133, 0, 0.1875); --pico-text-selection-color: rgba(228, 133, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.purple.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(205, 104, 224, 0.25); --pico-text-selection-color: rgba(205, 104, 224, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #aa40bf; --pico-primary: #aa40bf;
--pico-primary-background: #9236a4; --pico-primary-background: #9236a4;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(212, 125, 228, 0.1875); --pico-text-selection-color: rgba(212, 125, 228, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(212, 125, 228, 0.1875); --pico-text-selection-color: rgba(212, 125, 228, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.red.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(240, 96, 72, 0.25); --pico-text-selection-color: rgba(240, 96, 72, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c52f21; --pico-primary: #c52f21;
--pico-primary-background: #c52f21; --pico-primary-background: #c52f21;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(241, 121, 97, 0.1875); --pico-text-selection-color: rgba(241, 121, 97, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(241, 121, 97, 0.1875); --pico-text-selection-color: rgba(241, 121, 97, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.sand.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(149, 144, 130, 0.25); --pico-text-selection-color: rgba(149, 144, 130, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #6e6a60; --pico-primary: #6e6a60;
--pico-primary-background: #ccc6b4; --pico-primary-background: #ccc6b4;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(163, 158, 143, 0.1875); --pico-text-selection-color: rgba(163, 158, 143, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(163, 158, 143, 0.1875); --pico-text-selection-color: rgba(163, 158, 143, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.slate.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(129, 145, 181, 0.25); --pico-text-selection-color: rgba(129, 145, 181, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #5d6b89; --pico-primary: #5d6b89;
--pico-primary-background: #525f7a; --pico-primary-background: #525f7a;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(144, 158, 190, 0.1875); --pico-text-selection-color: rgba(144, 158, 190, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(144, 158, 190, 0.1875); --pico-text-selection-color: rgba(144, 158, 190, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.violet.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(167, 128, 212, 0.25); --pico-text-selection-color: rgba(167, 128, 212, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #8352c5; --pico-primary: #8352c5;
--pico-primary-background: #7540bf; --pico-primary-background: #7540bf;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(178, 144, 217, 0.1875); --pico-text-selection-color: rgba(178, 144, 217, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(178, 144, 217, 0.1875); --pico-text-selection-color: rgba(178, 144, 217, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

70
css/pico.classless.conditional.yellow.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(158, 146, 0, 0.25); --pico-text-selection-color: rgba(158, 146, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #756b00; --pico-primary: #756b00;
--pico-primary-background: #f2df0d; --pico-primary-background: #f2df0d;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(173, 159, 0, 0.1875); --pico-text-selection-color: rgba(173, 159, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -317,7 +317,7 @@ input:not([type=submit],
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(173, 159, 0, 0.5); --pico-primary-underline: rgba(173, 159, 0, 0.5);
--pico-primary-hover: #caba01; --pico-primary-hover: #caba01;
--pico-primary-hover-background: #f8e861; --pico-primary-hover-background: rgb(247.5, 232, 96.5);
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(173, 159, 0, 0.375); --pico-primary-focus: rgba(173, 159, 0, 0.375);
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(173, 159, 0, 0.1875); --pico-text-selection-color: rgba(173, 159, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -425,7 +425,7 @@ input:not([type=submit],
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(173, 159, 0, 0.5); --pico-primary-underline: rgba(173, 159, 0, 0.5);
--pico-primary-hover: #caba01; --pico-primary-hover: #caba01;
--pico-primary-hover-background: #f8e861; --pico-primary-hover-background: rgb(247.5, 232, 96.5);
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(173, 159, 0, 0.375); --pico-primary-focus: rgba(173, 159, 0, 0.375);
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.conditional.zinc.css
View file

@ -196,7 +196,7 @@ input:not([type=submit],
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(136, 145, 164, 0.25); --pico-text-selection-color: rgba(136, 145, 164, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #646b79; --pico-primary: #646b79;
--pico-primary-background: #646b79; --pico-primary-background: #646b79;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ input:not([type=submit],
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ input:not([type=submit],
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ input:not([type=submit],
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ input:not([type=submit],
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(150, 158, 175, 0.1875); --pico-text-selection-color: rgba(150, 158, 175, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ input:not([type=submit],
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(150, 158, 175, 0.1875); --pico-text-selection-color: rgba(150, 158, 175, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ input:not([type=submit],
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ input:not([type=submit],
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ input:not([type=submit],
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.conditional.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(2, 154, 232, 0.25); --pico-text-selection-color: rgba(2, 154, 232, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #0172ad; --pico-primary: #0172ad;
--pico-primary-background: #0172ad; --pico-primary-background: #0172ad;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(1, 170, 255, 0.1875); --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(1, 170, 255, 0.1875); --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

66
css/pico.classless.cyan.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(5, 162, 162, 0.25); --pico-text-selection-color: rgba(5, 162, 162, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #047878; --pico-primary: #047878;
--pico-primary-background: #047878; --pico-primary-background: #047878;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(10, 177, 177, 0.1875); --pico-text-selection-color: rgba(10, 177, 177, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(10, 177, 177, 0.1875); --pico-text-selection-color: rgba(10, 177, 177, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.fuchsia.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(247, 72, 183, 0.25); --pico-text-selection-color: rgba(247, 72, 183, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c1208b; --pico-primary: #c1208b;
--pico-primary-background: #c1208b; --pico-primary-background: #c1208b;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(248, 105, 191, 0.1875); --pico-text-selection-color: rgba(248, 105, 191, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(248, 105, 191, 0.1875); --pico-text-selection-color: rgba(248, 105, 191, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.green.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(71, 164, 23, 0.25); --pico-text-selection-color: rgba(71, 164, 23, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #33790f; --pico-primary: #33790f;
--pico-primary-background: #398712; --pico-primary-background: #398712;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(78, 179, 27, 0.1875); --pico-text-selection-color: rgba(78, 179, 27, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(78, 179, 27, 0.1875); --pico-text-selection-color: rgba(78, 179, 27, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.grey.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(145, 145, 145, 0.25); --pico-text-selection-color: rgba(145, 145, 145, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #6a6a6a; --pico-primary: #6a6a6a;
--pico-primary-background: #ababab; --pico-primary-background: #ababab;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(158, 158, 158, 0.1875); --pico-text-selection-color: rgba(158, 158, 158, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(158, 158, 158, 0.1875); --pico-text-selection-color: rgba(158, 158, 158, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.indigo.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(148, 134, 225, 0.25); --pico-text-selection-color: rgba(148, 134, 225, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #655cd6; --pico-primary: #655cd6;
--pico-primary-background: #524ed2; --pico-primary-background: #524ed2;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(162, 148, 229, 0.1875); --pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(162, 148, 229, 0.1875); --pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.jade.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(0, 166, 110, 0.25); --pico-text-selection-color: rgba(0, 166, 110, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #007a50; --pico-primary: #007a50;
--pico-primary-background: #007a50; --pico-primary-background: #007a50;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875); --pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875); --pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.lime.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(119, 156, 0, 0.25); --pico-text-selection-color: rgba(119, 156, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #577400; --pico-primary: #577400;
--pico-primary-background: #a5d601; --pico-primary-background: #a5d601;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(130, 171, 0, 0.1875); --pico-text-selection-color: rgba(130, 171, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(130, 171, 0, 0.1875); --pico-text-selection-color: rgba(130, 171, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.orange.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(244, 93, 44, 0.25); --pico-text-selection-color: rgba(244, 93, 44, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #bd3c13; --pico-primary: #bd3c13;
--pico-primary-background: #d24317; --pico-primary-background: #d24317;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(245, 107, 61, 0.1875); --pico-text-selection-color: rgba(245, 107, 61, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(245, 107, 61, 0.1875); --pico-text-selection-color: rgba(245, 107, 61, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.pink.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(246, 84, 126, 0.25); --pico-text-selection-color: rgba(246, 84, 126, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c72259; --pico-primary: #c72259;
--pico-primary-background: #d92662; --pico-primary-background: #d92662;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(247, 112, 142, 0.1875); --pico-text-selection-color: rgba(247, 112, 142, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(247, 112, 142, 0.1875); --pico-text-selection-color: rgba(247, 112, 142, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.pumpkin.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(210, 122, 1, 0.25); --pico-text-selection-color: rgba(210, 122, 1, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #9c5900; --pico-primary: #9c5900;
--pico-primary-background: #ff9500; --pico-primary-background: #ff9500;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(228, 133, 0, 0.1875); --pico-text-selection-color: rgba(228, 133, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(228, 133, 0, 0.1875); --pico-text-selection-color: rgba(228, 133, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.purple.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(205, 104, 224, 0.25); --pico-text-selection-color: rgba(205, 104, 224, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #aa40bf; --pico-primary: #aa40bf;
--pico-primary-background: #9236a4; --pico-primary-background: #9236a4;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(212, 125, 228, 0.1875); --pico-text-selection-color: rgba(212, 125, 228, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(212, 125, 228, 0.1875); --pico-text-selection-color: rgba(212, 125, 228, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.red.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(240, 96, 72, 0.25); --pico-text-selection-color: rgba(240, 96, 72, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c52f21; --pico-primary: #c52f21;
--pico-primary-background: #c52f21; --pico-primary-background: #c52f21;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(241, 121, 97, 0.1875); --pico-text-selection-color: rgba(241, 121, 97, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(241, 121, 97, 0.1875); --pico-text-selection-color: rgba(241, 121, 97, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.sand.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(149, 144, 130, 0.25); --pico-text-selection-color: rgba(149, 144, 130, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #6e6a60; --pico-primary: #6e6a60;
--pico-primary-background: #ccc6b4; --pico-primary-background: #ccc6b4;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(163, 158, 143, 0.1875); --pico-text-selection-color: rgba(163, 158, 143, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(163, 158, 143, 0.1875); --pico-text-selection-color: rgba(163, 158, 143, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.slate.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(129, 145, 181, 0.25); --pico-text-selection-color: rgba(129, 145, 181, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #5d6b89; --pico-primary: #5d6b89;
--pico-primary-background: #525f7a; --pico-primary-background: #525f7a;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(144, 158, 190, 0.1875); --pico-text-selection-color: rgba(144, 158, 190, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(144, 158, 190, 0.1875); --pico-text-selection-color: rgba(144, 158, 190, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.violet.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(167, 128, 212, 0.25); --pico-text-selection-color: rgba(167, 128, 212, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #8352c5; --pico-primary: #8352c5;
--pico-primary-background: #7540bf; --pico-primary-background: #7540bf;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(178, 144, 217, 0.1875); --pico-text-selection-color: rgba(178, 144, 217, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(178, 144, 217, 0.1875); --pico-text-selection-color: rgba(178, 144, 217, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

70
css/pico.classless.yellow.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(158, 146, 0, 0.25); --pico-text-selection-color: rgba(158, 146, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #756b00; --pico-primary: #756b00;
--pico-primary-background: #f2df0d; --pico-primary-background: #f2df0d;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(173, 159, 0, 0.1875); --pico-text-selection-color: rgba(173, 159, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -317,7 +317,7 @@ details summary[role=button]::after {
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(173, 159, 0, 0.5); --pico-primary-underline: rgba(173, 159, 0, 0.5);
--pico-primary-hover: #caba01; --pico-primary-hover: #caba01;
--pico-primary-hover-background: #f8e861; --pico-primary-hover-background: rgb(247.5, 232, 96.5);
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(173, 159, 0, 0.375); --pico-primary-focus: rgba(173, 159, 0, 0.375);
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(173, 159, 0, 0.1875); --pico-text-selection-color: rgba(173, 159, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -425,7 +425,7 @@ details summary[role=button]::after {
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(173, 159, 0, 0.5); --pico-primary-underline: rgba(173, 159, 0, 0.5);
--pico-primary-hover: #caba01; --pico-primary-hover: #caba01;
--pico-primary-hover-background: #f8e861; --pico-primary-hover-background: rgb(247.5, 232, 96.5);
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(173, 159, 0, 0.375); --pico-primary-focus: rgba(173, 159, 0, 0.375);
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.classless.zinc.css
View file

@ -196,7 +196,7 @@ details summary[role=button]::after {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(136, 145, 164, 0.25); --pico-text-selection-color: rgba(136, 145, 164, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #646b79; --pico-primary: #646b79;
--pico-primary-background: #646b79; --pico-primary-background: #646b79;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -234,21 +234,21 @@ details summary[role=button]::after {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -257,11 +257,11 @@ details summary[role=button]::after {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -279,7 +279,7 @@ details summary[role=button]::after {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--pico-progress-background-color: #dfe3eb; --pico-progress-background-color: #dfe3eb;
@ -307,7 +307,7 @@ details summary[role=button]::after {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(150, 158, 175, 0.1875); --pico-text-selection-color: rgba(150, 158, 175, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -342,7 +342,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -352,31 +352,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -394,9 +394,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -415,7 +415,7 @@ details summary[role=button]::after {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(150, 158, 175, 0.1875); --pico-text-selection-color: rgba(150, 158, 175, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -450,7 +450,7 @@ details summary[role=button]::after {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -460,31 +460,31 @@ details summary[role=button]::after {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -502,9 +502,9 @@ details summary[role=button]::after {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.classless.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.amber.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(183, 136, 0, 0.25); --pico-text-selection-color: rgba(183, 136, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #876400; --pico-primary: #876400;
--pico-primary-background: #ffbf00; --pico-primary-background: #ffbf00;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(199, 148, 0, 0.1875); --pico-text-selection-color: rgba(199, 148, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.blue.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(116, 139, 248, 0.25); --pico-text-selection-color: rgba(116, 139, 248, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #2060df; --pico-primary: #2060df;
--pico-primary-background: #2060df; --pico-primary-background: #2060df;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(137, 153, 249, 0.1875); --pico-text-selection-color: rgba(137, 153, 249, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(2, 154, 232, 0.25); --pico-text-selection-color: rgba(2, 154, 232, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #0172ad; --pico-primary: #0172ad;
--pico-primary-background: #0172ad; --pico-primary-background: #0172ad;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(1, 170, 255, 0.1875); --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(1, 170, 255, 0.1875); --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

66
css/pico.conditional.cyan.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(5, 162, 162, 0.25); --pico-text-selection-color: rgba(5, 162, 162, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #047878; --pico-primary: #047878;
--pico-primary-background: #047878; --pico-primary-background: #047878;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(10, 177, 177, 0.1875); --pico-text-selection-color: rgba(10, 177, 177, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(10, 177, 177, 0.1875); --pico-text-selection-color: rgba(10, 177, 177, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.fuchsia.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(247, 72, 183, 0.25); --pico-text-selection-color: rgba(247, 72, 183, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c1208b; --pico-primary: #c1208b;
--pico-primary-background: #c1208b; --pico-primary-background: #c1208b;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(248, 105, 191, 0.1875); --pico-text-selection-color: rgba(248, 105, 191, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(248, 105, 191, 0.1875); --pico-text-selection-color: rgba(248, 105, 191, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.green.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(71, 164, 23, 0.25); --pico-text-selection-color: rgba(71, 164, 23, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #33790f; --pico-primary: #33790f;
--pico-primary-background: #398712; --pico-primary-background: #398712;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(78, 179, 27, 0.1875); --pico-text-selection-color: rgba(78, 179, 27, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(78, 179, 27, 0.1875); --pico-text-selection-color: rgba(78, 179, 27, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.grey.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(145, 145, 145, 0.25); --pico-text-selection-color: rgba(145, 145, 145, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #6a6a6a; --pico-primary: #6a6a6a;
--pico-primary-background: #ababab; --pico-primary-background: #ababab;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(158, 158, 158, 0.1875); --pico-text-selection-color: rgba(158, 158, 158, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(158, 158, 158, 0.1875); --pico-text-selection-color: rgba(158, 158, 158, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.indigo.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(148, 134, 225, 0.25); --pico-text-selection-color: rgba(148, 134, 225, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #655cd6; --pico-primary: #655cd6;
--pico-primary-background: #524ed2; --pico-primary-background: #524ed2;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(162, 148, 229, 0.1875); --pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(162, 148, 229, 0.1875); --pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.jade.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(0, 166, 110, 0.25); --pico-text-selection-color: rgba(0, 166, 110, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #007a50; --pico-primary: #007a50;
--pico-primary-background: #007a50; --pico-primary-background: #007a50;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875); --pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(0, 180, 120, 0.1875); --pico-text-selection-color: rgba(0, 180, 120, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

2
css/pico.conditional.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

66
css/pico.conditional.lime.css
View file

@ -229,7 +229,7 @@ nav details.dropdown summary:focus-visible {
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(119, 156, 0, 0.25); --pico-text-selection-color: rgba(119, 156, 0, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: #e7eaf0; --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #577400; --pico-primary: #577400;
--pico-primary-background: #a5d601; --pico-primary-background: #a5d601;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
@ -267,21 +267,21 @@ nav details.dropdown summary:focus-visible {
--pico-h4-color: #4d535e; --pico-h4-color: #4d535e;
--pico-h5-color: #5c6370; --pico-h5-color: #5c6370;
--pico-h6-color: #646b79; --pico-h6-color: #646b79;
--pico-mark-background-color: #fde7c0; --pico-mark-background-color: rgb(252.5, 230.5, 191.5);
--pico-mark-color: #0f1114; --pico-mark-color: #0f1114;
--pico-ins-color: #1d6a54; --pico-ins-color: rgb(28.5, 105.5, 84);
--pico-del-color: #883935; --pico-del-color: rgb(136, 56.5, 53);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #f3f5f7; --pico-code-background-color: rgb(243, 244.5, 246.75);
--pico-code-color: #646b79; --pico-code-color: #646b79;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #fbfcfc; --pico-form-element-background-color: rgb(251, 251.5, 252.25);
--pico-form-element-selected-background-color: #dfe3eb; --pico-form-element-selected-background-color: #dfe3eb;
--pico-form-element-border-color: #cfd5e2; --pico-form-element-border-color: #cfd5e2;
--pico-form-element-color: #23262c; --pico-form-element-color: #23262c;
@ -290,11 +290,11 @@ nav details.dropdown summary:focus-visible {
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #b86a6b; --pico-form-element-invalid-border-color: rgb(183.5, 105.5, 106.5);
--pico-form-element-invalid-active-border-color: #c84f48; --pico-form-element-invalid-active-border-color: rgb(200.25, 79.25, 72.25);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #4c9b8a; --pico-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--pico-form-element-valid-active-border-color: #279977; --pico-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9; --pico-switch-background-color: #bfc7d9;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -312,7 +312,7 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: var(--pico-background-color); --pico-card-background-color: var(--pico-background-color);
--pico-card-border-color: var(--pico-muted-border-color); --pico-card-border-color: var(--pico-muted-border-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #fbfcfc; --pico-card-sectioning-background-color: rgb(251, 251.5, 252.25);
--pico-dropdown-background-color: #fff; --pico-dropdown-background-color: #fff;
--pico-dropdown-border-color: #eff1f4; --pico-dropdown-border-color: #eff1f4;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
@ -345,7 +345,7 @@ nav details.dropdown summary:focus-visible {
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(130, 171, 0, 0.1875); --pico-text-selection-color: rgba(130, 171, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -380,7 +380,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -390,31 +390,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -432,14 +432,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);
@ -468,7 +468,7 @@ nav details.dropdown summary:focus-visible {
} }
} }
[data-theme=dark] { [data-theme=dark] {
--pico-background-color: #13171f; --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(130, 171, 0, 0.1875); --pico-text-selection-color: rgba(130, 171, 0, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
@ -503,7 +503,7 @@ nav details.dropdown summary:focus-visible {
--pico-contrast-hover-underline: var(--pico-contrast-hover); --pico-contrast-hover-underline: var(--pico-contrast-hover);
--pico-contrast-focus: rgba(207, 213, 226, 0.25); --pico-contrast-focus: rgba(207, 213, 226, 0.25);
--pico-contrast-inverse: #000; --pico-contrast-inverse: #000;
--pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 8.5, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 8.5, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 8.5, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 8.5, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 8.5, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 8.5, 12, 0.06), 0 0 0 0.0625rem rgba(7, 8.5, 12, 0.015);
--pico-h1-color: #f0f1f3; --pico-h1-color: #f0f1f3;
--pico-h2-color: #e0e3e7; --pico-h2-color: #e0e3e7;
--pico-h3-color: #c2c7d0; --pico-h3-color: #c2c7d0;
@ -513,31 +513,31 @@ nav details.dropdown summary:focus-visible {
--pico-mark-background-color: #014063; --pico-mark-background-color: #014063;
--pico-mark-color: #fff; --pico-mark-color: #fff;
--pico-ins-color: #62af9a; --pico-ins-color: #62af9a;
--pico-del-color: #ce7e7b; --pico-del-color: rgb(205.5, 126, 123);
--pico-blockquote-border-color: var(--pico-muted-border-color); --pico-blockquote-border-color: var(--pico-muted-border-color);
--pico-blockquote-footer-color: var(--pico-muted-color); --pico-blockquote-footer-color: var(--pico-muted-color);
--pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-table-border-color: var(--pico-muted-border-color); --pico-table-border-color: var(--pico-muted-border-color);
--pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
--pico-code-background-color: #1a1f28; --pico-code-background-color: rgb(26, 30.5, 40.25);
--pico-code-color: #8891a4; --pico-code-color: #8891a4;
--pico-code-kbd-background-color: var(--pico-color); --pico-code-kbd-background-color: var(--pico-color);
--pico-code-kbd-color: var(--pico-background-color); --pico-code-kbd-color: var(--pico-background-color);
--pico-form-element-background-color: #1c212c; --pico-form-element-background-color: rgb(28, 33, 43.5);
--pico-form-element-selected-background-color: #2a3140; --pico-form-element-selected-background-color: #2a3140;
--pico-form-element-border-color: #2a3140; --pico-form-element-border-color: #2a3140;
--pico-form-element-color: #e0e3e7; --pico-form-element-color: #e0e3e7;
--pico-form-element-placeholder-color: #8891a4; --pico-form-element-placeholder-color: #8891a4;
--pico-form-element-active-background-color: #1a1f28; --pico-form-element-active-background-color: rgb(26, 30.5, 40.25);
--pico-form-element-active-border-color: var(--pico-primary-border); --pico-form-element-active-border-color: var(--pico-primary-border);
--pico-form-element-focus-color: var(--pico-primary-border); --pico-form-element-focus-color: var(--pico-primary-border);
--pico-form-element-disabled-opacity: 0.5; --pico-form-element-disabled-opacity: 0.5;
--pico-form-element-invalid-border-color: #964a50; --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
--pico-form-element-invalid-active-border-color: #b7403b; --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
--pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
--pico-form-element-valid-border-color: #2a7b6f; --pico-form-element-valid-border-color: #2a7b6f;
--pico-form-element-valid-active-border-color: #16896a; --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e; --pico-switch-background-color: #333c4e;
--pico-switch-checked-background-color: var(--pico-primary-background); --pico-switch-checked-background-color: var(--pico-primary-background);
@ -555,14 +555,14 @@ nav details.dropdown summary:focus-visible {
--pico-card-background-color: #181c25; --pico-card-background-color: #181c25;
--pico-card-border-color: var(--pico-card-background-color); --pico-card-border-color: var(--pico-card-background-color);
--pico-card-box-shadow: var(--pico-box-shadow); --pico-card-box-shadow: var(--pico-box-shadow);
--pico-card-sectioning-background-color: #1a1f28; --pico-card-sectioning-background-color: rgb(26, 30.5, 40.25);
--pico-dropdown-background-color: #181c25; --pico-dropdown-background-color: #181c25;
--pico-dropdown-border-color: #202632; --pico-dropdown-border-color: #202632;
--pico-dropdown-box-shadow: var(--pico-box-shadow); --pico-dropdown-box-shadow: var(--pico-box-shadow);
--pico-dropdown-color: var(--pico-color); --pico-dropdown-color: var(--pico-color);
--pico-dropdown-hover-background-color: #202632; --pico-dropdown-hover-background-color: #202632;
--pico-loading-spinner-opacity: 0.5; --pico-loading-spinner-opacity: 0.5;
--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--pico-progress-background-color: #202632; --pico-progress-background-color: #202632;
--pico-progress-color: var(--pico-primary-background); --pico-progress-color: var(--pico-primary-background);
--pico-tooltip-background-color: var(--pico-contrast-background); --pico-tooltip-background-color: var(--pico-contrast-background);

Some files were not shown because too many files have changed in this diff Show more