40 lines
1008 B
CSS
40 lines
1008 B
CSS
:root {
|
|
--dark-color: rgb(185, 210, 130);
|
|
--light-color: rgb(70, 185, 210);
|
|
--revert-color: var(--light-color);
|
|
|
|
--main-color: rgb(200, 200, 185);
|
|
--main-bg-color: rgb(20, 20, 15);
|
|
|
|
--a-color: var(--dark-color);
|
|
--a-hover-color: rgb(210, 250, 130);
|
|
--a-underline-color: rgba(130, 210, 210, 0.5);
|
|
--a-underline-hover-color: var(--dark-color);
|
|
|
|
--blockquote-bg-color: rgb(30, 30, 25);
|
|
|
|
--code-color: rgb(200, 200, 185);
|
|
--code-bg-color: rgb(50, 55, 45);
|
|
|
|
--del-line-through-color: rgba(225, 155, 155, 0.6);
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--revert-color: var(--dark-color);
|
|
|
|
--main-color: rgb(50, 50, 60);
|
|
--main-bg-color: rgb(250, 250, 245);
|
|
|
|
--a-color: var(--light-color);
|
|
--a-hover-color: rgb(50, 220, 220);
|
|
--a-underline-color: rgba(185, 210, 130, 0.5);
|
|
--a-underline-hover-color: var(--light-color);
|
|
|
|
--blockquote-bg-color: rgb(245, 245, 245);
|
|
|
|
--code-color: rgb(70, 70, 60);
|
|
--code-bg-color: rgb(230, 230, 230);
|
|
}
|
|
}
|