diff options
author | Patrick Spek <p.spek@tyil.nl> | 2022-02-14 18:26:08 +0100 |
---|---|---|
committer | Patrick Spek <p.spek@tyil.nl> | 2022-02-14 18:26:08 +0100 |
commit | 5ffc6bd411065c53b963c8109692289b981ba244 (patch) | |
tree | 4859e6d2b2d6b16c91c30a41d83d4b6964822423 /assets/theme | |
parent | 6437efd5c5f8b8d9f16b5450f6e5cfcbbdfe01ab (diff) |
Update highlighting themes
Diffstat (limited to 'assets/theme')
-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; |