diff options
| author | Henri Vasserman <henv@hot.ee> | 2025-03-26 21:44:20 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-26 15:44:20 -0400 |
| commit | 07bb5f63f9d57d7ac2a95d0bf7560a985078cfbc (patch) | |
| tree | 75ec8d9ff574742387b5b93f205eb36250c652a2 /docs/src | |
| parent | 4155719422d416fb9af8cc6266697ebe16264538 (diff) | |
| download | anubis-07bb5f63f9d57d7ac2a95d0bf7560a985078cfbc.tar.xz anubis-07bb5f63f9d57d7ac2a95d0bf7560a985078cfbc.zip | |
fix(docs): Make dark mode diff lines readable (#130)
* fix(docs): Make dark mode diff lines readable
If using dark mode, these lines are not legible at all. I separated the colors into variables and added
more contrasting colors for the dark mode.
* chore: add to changelog
Diffstat (limited to 'docs/src')
| -rw-r--r-- | docs/src/css/custom.css | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index 84b09b1..ccb7daf 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -15,6 +15,8 @@ --ifm-color-primary-lightest: #3cad6e; --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); + --code-block-diff-add-line-color: #ccffd8; + --code-block-diff-remove-line-color: #ffebe9; } /* For readability concerns, you should choose a lighter palette in dark mode. */ @@ -27,10 +29,12 @@ --ifm-color-primary-lighter: #32d8b4; --ifm-color-primary-lightest: #4fddbf; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); + --code-block-diff-add-line-color: #216932; + --code-block-diff-remove-line-color: #8b423b; } .code-block-diff-add-line { - background-color: #ccffd8; + background-color: var(--code-block-diff-add-line-color); display: block; margin: 0 -40px; padding: 0 40px; @@ -44,7 +48,7 @@ } .code-block-diff-remove-line { - background-color: #ffebe9; + background-color: var(--code-block-diff-remove-line-color); display: block; margin: 0 -40px; padding: 0 40px; |