yogsototh/her.esy.fun
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Default light theme

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2020-02-17 17:56:36 +01:00
parent e0fda04f33
commit 457b084efe
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
1 changed files with 32 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
src/css/mk.css
View file

@ -266,21 +266,41 @@ figure, .figure {
--c: #4c8493; --c: #4c8493;
--g: #728b5c; --g: #728b5c;
/* Solaryzed accented colors */ --bg: var(--b3);
--bg: var(--b03); --fg0: var(--b0);
--fg: var(--b0); --fg: var(--b02);
--fg0: var(--b00); --bg2: var(--b2);
--bg2: var(--b02); --fg2: var(--b01);
--fg2: var(--b1); --rfg: var(--b03);
--rfg: var(--b2); --rbg: var(--b2);
--rbg: var(--b02); --bdr: var(--b2);
--bdr: var(--b02);
--l-fg: var(--bg); --l-fg: var(--bg);
--l-bg: var(--g); --l-bg: var(--o);
} }
img { img {
filter: brightness(0.7) sepia(100%) hue-rotate(182deg) saturate(0.6); filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
} }
@media (prefers-color-scheme: dark) {
:root {
/* Dark */
--bg: var(--b03);
--fg: var(--b0);
--fg0: var(--b00);
--bg2: var(--b02);
--fg2: var(--b1);
--rfg: var(--b2);
--rbg: var(--b02);
--bdr: var(--b02);
--l-fg: var(--bg);
--l-bg: var(--g);
}
img {
filter: brightness(0.7) sepia(100%) hue-rotate(182deg) saturate(0.6);
}
}
#d:checked ~ .main, #d:checked ~ #labels { #d:checked ~ .main, #d:checked ~ #labels {
--bg: var(--b03); --bg: var(--b03);
--fg: var(--b0); --fg: var(--b0);
@ -293,28 +313,7 @@ img {
--l-fg: var(--bg); --l-fg: var(--bg);
--l-bg: var(--g); --l-bg: var(--g);
} }
#d:checked ~ .main img { filter: brightness(0.8) sepia(100%) hue-rotate(182deg) saturate(0.6); } #d:checked ~ .main img { filter: brightness(0.7) sepia(100%) hue-rotate(182deg) saturate(0.6); }
/* --------------------------------------------------------------------------- */
/* Light theme selected */
@media (prefers-color-scheme: light) {
:root {
--bg: var(--b3);
--fg0: var(--b0);
--fg: var(--b02);
--bg2: var(--b2);
--fg2: var(--b01);
--rfg: var(--b03);
--rbg: var(--b2);
--bdr: var(--b2);
--l-fg: var(--bg);
--l-bg: var(--o);
}
img {
filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
}
}
#l:checked ~ .main, #l:checked ~ #labels { #l:checked ~ .main, #l:checked ~ #labels {
--bg: var(--b3); --bg: var(--b3);
@ -328,7 +327,6 @@ img {
--l-fg: var(--bg); --l-fg: var(--bg);
--l-bg: var(--o); --l-bg: var(--o);
} }
#l:checked ~ .main img { filter: sepia(100%) hue-rotate(182deg) saturate(0.6); } #l:checked ~ .main img { filter: sepia(100%) hue-rotate(182deg) saturate(0.6); }
/* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */