diff options
Diffstat (limited to 'assets/theme/main.scss')
| -rw-r--r-- | assets/theme/main.scss | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/assets/theme/main.scss b/assets/theme/main.scss index fd244ce..d0c203d 100644 --- a/assets/theme/main.scss +++ b/assets/theme/main.scss @@ -1,21 +1,27 @@ // Variables $mainWidth: 900px; + // Colors +@import url("/css/highlight-emacs.css") screen and (prefers-color-scheme: light); +@import url("/css/highlight-monokai.css") screen and (prefers-color-scheme: dark); + @media (prefers-color-scheme: light) { :root { + --blockBackgroundColor: #c2beb9; --bodyBackgroundColor: #d7d5d1; --bodyForegroundColor: #2a2e2f; - --blockBackgroundColor: #c2beb9; + --codeBackgroundColor: #f8f8f8; --linkForegroundColor: #07a; } } @media (prefers-color-scheme: dark) { :root { - --BodyBackgroundColor: #131516; - --BodyForegroundColor: #bcb7ae; - --BlockBackgroundColor: #1c1e1f; + --blockBackgroundColor: #1c1e1f; + --bodyBackgroundColor: #131516; + --bodyForegroundColor: #bcb7ae; + --codeBackgroundColor: #272822; --linkForegroundColor: #07a; } } @@ -165,7 +171,7 @@ a, a:visited { // Syntax highlighting div.highlight { border: 2px solid var(--bodyForegroundColor); - background-color: var(--blockBackgroundColor); + background-color: var(--codeBackgroundColor); width: 90%; margin: 0 auto; overflow-x: auto; |