make dark theme the default color

This commit is contained in:
kurets 2023-04-07 21:57:26 +03:00
parent 4d00b4f0f9
commit 07a2b5403c
2 changed files with 32 additions and 56 deletions

View file

@ -1,36 +1,8 @@
:root {
--bg: #fafafa;
--fg: #2f343f;
--links: #4084d6;
--muted_text: rgb(93, 93, 99);
/* --h1: chocolate;
--h2: sandybrown;
--h3: rgb(164, 135, 97);
--h4: #FEDC56;
--h5: #FCF4A3;
--h6: #FFF4B0; */
--h1: rgb(167, 83, 23);
--h2: rgb(185, 97, 35);
--h3: rgb(196, 110, 49);
--h4: rgb(216, 126, 61);
--h5: rgb(235, 139, 70);
--h6: rgb(244, 156, 93);
--strong: #FD6A02;
--hover-link: rgb(217, 144, 8);
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #141414;
--fg: rgb(232, 228, 228);
--links: #5da0f2;
--muted_text: rgb(179, 182, 186);
/* --h1: chocolate;
--h2: sandybrown;
--h3: rgb(164, 135, 97);
--h4: #FEDC56;
--h5: #FCF4A3;
--h6: #FFF4B0; */
--h1: rgb(167, 83, 23);
--h2: rgb(185, 97, 35);
--h3: rgb(196, 110, 49);
@ -40,6 +12,22 @@
--strong: #FD6A02;
--hover-link: yellow;
}
@media (prefers-color-scheme: light) {
:root {
--bg: #fafafa;
--fg: #2f343f;
--links: #4084d6;
--muted_text: rgb(93, 93, 99);
--h1: rgb(167, 83, 23);
--h2: rgb(185, 97, 35);
--h3: rgb(196, 110, 49);
--h4: rgb(216, 126, 61);
--h5: rgb(235, 139, 70);
--h6: rgb(244, 156, 93);
--strong: #FD6A02;
--hover-link: rgb(217, 144, 8);
}
}

View file

@ -1,36 +1,8 @@
:root {
--bg: #fafafa;
--fg: #2f343f;
--links: #4084d6;
--muted_text: rgb(93, 93, 99);
/* --h1: chocolate;
--h2: sandybrown;
--h3: rgb(164, 135, 97);
--h4: #FEDC56;
--h5: #FCF4A3;
--h6: #FFF4B0; */
--h1: rgb(167, 83, 23);
--h2: rgb(185, 97, 35);
--h3: rgb(196, 110, 49);
--h4: rgb(216, 126, 61);
--h5: rgb(235, 139, 70);
--h6: rgb(244, 156, 93);
--strong: #FD6A02;
--hover-link: rgb(217, 144, 8);
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #141414;
--fg: rgb(232, 228, 228);
--links: #5da0f2;
--muted_text: rgb(179, 182, 186);
/* --h1: chocolate;
--h2: sandybrown;
--h3: rgb(164, 135, 97);
--h4: #FEDC56;
--h5: #FCF4A3;
--h6: #FFF4B0; */
--h1: rgb(167, 83, 23);
--h2: rgb(185, 97, 35);
--h3: rgb(196, 110, 49);
@ -40,6 +12,22 @@
--strong: #FD6A02;
--hover-link: yellow;
}
@media (prefers-color-scheme: light) {
:root {
--bg: #fafafa;
--fg: #2f343f;
--links: #4084d6;
--muted_text: rgb(93, 93, 99);
--h1: rgb(167, 83, 23);
--h2: rgb(185, 97, 35);
--h3: rgb(196, 110, 49);
--h4: rgb(216, 126, 61);
--h5: rgb(235, 139, 70);
--h6: rgb(244, 156, 93);
--strong: #FD6A02;
--hover-link: rgb(217, 144, 8);
}
}