arian/anubis-mirror
1
0
Fork 0
mirror of https://github.com/TecharoHQ/anubis.git synced 2026-04-14 20:48:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(docs): Make dark mode diff lines readable (#130)

Browse Source 
* 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
This commit is contained in:
Henri Vasserman
2025-03-26 21:44:20 +02:00
committed by GitHub
parent 4155719422
commit 07bb5f63f9
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/docs/CHANGELOG.md
View File

@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Fixed bot check to only apply if address range matches - Fixed bot check to only apply if address range matches
- Fix default difficulty setting that was broken in a refactor - Fix default difficulty setting that was broken in a refactor
- Linting fixes - Linting fixes
- Make dark mode diff lines readable in the documentation
## v1.14.2 ## v1.14.2

8
docs/src/css/custom.css
View File

@@ -15,6 +15,8 @@
--ifm-color-primary-lightest: #3cad6e; --ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%; --ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); --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. */ /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -27,10 +29,12 @@
--ifm-color-primary-lighter: #32d8b4; --ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf; --ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); --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 { .code-block-diff-add-line {
background-color: #ccffd8; background-color: var(--code-block-diff-add-line-color);
display: block; display: block;
margin: 0 -40px; margin: 0 -40px;
padding: 0 40px; padding: 0 40px;
@@ -44,7 +48,7 @@
} }
.code-block-diff-remove-line { .code-block-diff-remove-line {
background-color: #ffebe9; background-color: var(--code-block-diff-remove-line-color);
display: block; display: block;
margin: 0 -40px; margin: 0 -40px;
padding: 0 40px; padding: 0 40px;