make dark theme the default color
This commit is contained in:
parent
4d00b4f0f9
commit
07a2b5403c
2 changed files with 32 additions and 56 deletions
|
@ -1,14 +1,24 @@
|
||||||
:root {
|
:root {
|
||||||
|
--bg: #141414;
|
||||||
|
--fg: rgb(232, 228, 228);
|
||||||
|
--links: #5da0f2;
|
||||||
|
--muted_text: rgb(179, 182, 186);
|
||||||
|
--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: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root {
|
||||||
--bg: #fafafa;
|
--bg: #fafafa;
|
||||||
--fg: #2f343f;
|
--fg: #2f343f;
|
||||||
--links: #4084d6;
|
--links: #4084d6;
|
||||||
--muted_text: rgb(93, 93, 99);
|
--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);
|
--h1: rgb(167, 83, 23);
|
||||||
--h2: rgb(185, 97, 35);
|
--h2: rgb(185, 97, 35);
|
||||||
--h3: rgb(196, 110, 49);
|
--h3: rgb(196, 110, 49);
|
||||||
|
@ -18,28 +28,6 @@
|
||||||
--strong: #FD6A02;
|
--strong: #FD6A02;
|
||||||
--hover-link: rgb(217, 144, 8);
|
--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);
|
|
||||||
--h4: rgb(216, 126, 61);
|
|
||||||
--h5: rgb(235, 139, 70);
|
|
||||||
--h6: rgb(244, 156, 93);
|
|
||||||
--strong: #FD6A02;
|
|
||||||
--hover-link: yellow;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,14 +1,24 @@
|
||||||
:root {
|
:root {
|
||||||
|
--bg: #141414;
|
||||||
|
--fg: rgb(232, 228, 228);
|
||||||
|
--links: #5da0f2;
|
||||||
|
--muted_text: rgb(179, 182, 186);
|
||||||
|
--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: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root {
|
||||||
--bg: #fafafa;
|
--bg: #fafafa;
|
||||||
--fg: #2f343f;
|
--fg: #2f343f;
|
||||||
--links: #4084d6;
|
--links: #4084d6;
|
||||||
--muted_text: rgb(93, 93, 99);
|
--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);
|
--h1: rgb(167, 83, 23);
|
||||||
--h2: rgb(185, 97, 35);
|
--h2: rgb(185, 97, 35);
|
||||||
--h3: rgb(196, 110, 49);
|
--h3: rgb(196, 110, 49);
|
||||||
|
@ -18,28 +28,6 @@
|
||||||
--strong: #FD6A02;
|
--strong: #FD6A02;
|
||||||
--hover-link: rgb(217, 144, 8);
|
--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);
|
|
||||||
--h4: rgb(216, 126, 61);
|
|
||||||
--h5: rgb(235, 139, 70);
|
|
||||||
--h6: rgb(244, 156, 93);
|
|
||||||
--strong: #FD6A02;
|
|
||||||
--hover-link: yellow;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue