settings/theme/Yaru
settings/theme
settings/theme/Yaru/Code-block
code:style.css
@import "/api/code/nremiel/settings%2Ftheme%2FYaru/palette.css";
:root {
--yaru-color-palette: "yaru";
}
@media (prefers-color-scheme: light) {
:root {
--yaru-color-palette: "yaru";
}
}
@media (prefers-color-scheme: dark) {
:root {
--yaru-color-palette: "yaru-dark";
}
}
Paledoj de Yaru
Hela
code:palette.css
@container style(--yaru-color-palette: "yaru") {
* {
/* */
/* La Paledo de Yaru */
/* */
--c-bg-button-interagujo-neutral: rgb(13, 118, 29);
--c-blue-1: #75d3f4;
--c-blue-2: #47c4f1;
--c-blue-3: #19B6EE;
--c-blue-4: #007aa6;
--c-blue-5: #335280;
--c-dark-1: #77767B;
--c-dark-2: #5E5C64;
--c-dark-3: #504E55;
--c-dark-4: #3D3846;
--c-dark-5: #241F31;
--c-dark-6: #000000;
--c-libadwaita-dark: #262626;
--c-libadwaita-dark-alt: #303030;
--c-green-1: #5AED70;
--c-green-2: #47D35C;
--c-green-3: #34B948;
--c-green-4: #219E34;
--c-green-5: #0e8420;
--c-light-1: #FFFFFF;
--c-light-2: #FCFCFC;
--c-light-3: #F6F5F4;
--c-light-4: #DEDDDA;
--c-light-5: #C0BFBC;
--c-light-6: #B0AFAC;
--c-light-7: #9A9996;
--c-orange-1: #F29879;
--c-orange-2: #F08763;
--c-orange-3: #ED764D;
--c-orange-4: #EB6536;
--c-orange-5: #E95420;
--c-purple-1: #924D8B;
--c-purple-2: #762572;
--c-purple-3: #77216F;
--c-purple-4: #5E2750;
--c-purple-5: #2C001E;
--c-red-1: #EA485C;
--c-red-2: #DE374C;
--c-red-3: #D3273B;
--c-red-4: #c7162b;
--c-red-5: #a91224;
--c-yellow-1: #FCCD87;
--c-yellow-2: #FBC16A;
--c-yellow-3: #FBB44C;
--c-yellow-4: #FAA82F;
--c-yellow-5: #F99B11;
--c-libadwaita-dark: #262626;
--c-libadwaita-dark-alt: #303030;
}
}
Malhela
code:palette.css
@container style(--yaru-color-palette: "yaru-dark") {
* {
/* */
/* La Koloraro de Yaru-dark */
/* */
--c-blue-1: #75d3f4;
--c-blue-2: #47c4f1;
--c-blue-3: #19B6EE;
--c-blue-4: #007aa6;
--c-blue-5: #335280;
--c-dark-1: #77767B;
--c-dark-2: #5E5C64;
--c-dark-3: #504E55;
--c-dark-4: #3D3846;
--c-dark-5: #241F31;
--c-dark-6: #000000;
--c-green-1: #5AED70;
--c-green-2: #47D35C;
--c-green-3: #34B948;
--c-green-4: #219E34;
--c-green-5: #0e8420;
--c-light-1: #FFFFFF;
--c-light-2: #FCFCFC;
--c-light-3: #F6F5F4;
--c-light-4: #DEDDDA;
--c-light-5: #C0BFBC;
--c-light-6: #B0AFAC;
--c-light-7: #9A9996;
--c-orange-1: #F29879;
--c-orange-2: #F08763;
--c-orange-3: #ED764D;
--c-orange-4: #EB6536;
--c-orange-5: #E95420;
--c-purple-1: #b776b0;
--c-purple-2: #c590bf;
--c-purple-3: #77216F;
--c-purple-4: #5E2750;
--c-purple-5: #2C001E;
--c-red-1: #EA485C;
--c-red-2: #DE374C;
--c-red-3: #D3273B;
--c-red-4: #c7162b;
--c-red-5: #a91224;
--c-yellow-1: #FCCD87;
--c-yellow-2: #FBC16A;
--c-yellow-3: #FBB44C;
--c-yellow-4: #FAA82F;
--c-yellow-5: #F99B11;
--c-libadwaita-dark: #262626;
--c-libadwaita-dark-alt: #303030;
/* provizoraj valoroj */
--c-bg-error: var(--c-red-2);
}
}