49 lines
1.7 KiB
CSS
49 lines
1.7 KiB
CSS
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--background-color: #f9f9f9;
|
|
--text-color: #141414;
|
|
--light-text-color: #545454;
|
|
--hr-color: #1745cf;
|
|
--link-color: #1745cf;
|
|
--active-link-color: #141414;
|
|
--nav-item-link-color: #1745cf;
|
|
--nav-item-active-color: #1745cf;
|
|
--selection-highlight-color: #5e82ed;
|
|
--preformatted-background-color: #3c3c3c;
|
|
--preformatted-text-color: #f9f9f9;
|
|
--callout-background-color: #bac9f7;
|
|
--callout-text-color: #141414;
|
|
--callout-link-color: #102f8e;
|
|
--callout-highlight-color: #1745cf;
|
|
--blockquote-background-color: #dfdfdf;
|
|
--blockquote-text-color: #000000;
|
|
--blockquote-link-color: #000000;
|
|
--blockquote-highlight-color: #444444;
|
|
--social-icon-color: #1745cf;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background-color: #202020;
|
|
--text-color: #f9f9f9;
|
|
--light-text-color: #dfdfdf;
|
|
--hr-color: #a3b8f5;
|
|
--link-color: #a3b8f5;
|
|
--active-link-color: #f9f9f9;
|
|
--nav-item-link-color: #a3b8f5;
|
|
--nav-item-active-color: #a3b8f5;
|
|
--selection-highlight-color: #305ee8;
|
|
--preformatted-background-color: #3c3c3c;
|
|
--preformatted-text-color: #f9f9f9;
|
|
--callout-background-color: #2445a8;
|
|
--callout-text-color: #f9f9f9;
|
|
--callout-link-color: #e8eefd;
|
|
--callout-highlight-color: #bac9f7;
|
|
--blockquote-background-color: #595959;
|
|
--blockquote-text-color: #ffffff;
|
|
--blockquote-link-color: #ffffff;
|
|
--blockquote-highlight-color: #dfdfdf;
|
|
--social-icon-color: #a3b8f5;
|
|
}
|
|
}
|