diff options
| author | Xe Iaso <me@xeiaso.net> | 2025-04-22 23:55:42 -0400 |
|---|---|---|
| committer | Xe Iaso <me@xeiaso.net> | 2025-04-22 23:57:09 -0400 |
| commit | dd13433803a811a7697958a64e68a685b22f12b2 (patch) | |
| tree | 64363463f9ff46895e72aebaa0bbb1b8c73068e6 /docs | |
| parent | 78bb67fbf79bce6abed9d4e416ca1d10ed7dc12b (diff) | |
| download | anubis-Xe/docs/color-scheme.tar.xz anubis-Xe/docs/color-scheme.zip | |
fix(docs): make the docs respect light/dark modeXe/docs/color-scheme
Closes #333
I'm very bad at design so I just picked colors that looked reasonable
enough to me. Hopefully this will be enough to get us to the next stage!
Signed-off-by: Xe Iaso <me@xeiaso.net>
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/docusaurus.config.ts | 3 | ||||
| -rw-r--r-- | docs/src/css/custom.css | 21 |
2 files changed, 14 insertions, 10 deletions
diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts index 57f39c8..547d979 100644 --- a/docs/docusaurus.config.ts +++ b/docs/docusaurus.config.ts @@ -70,6 +70,9 @@ const config: Config = { ], themeConfig: { + colorMode: { + respectPrefersColorScheme: true, + }, // Replace with your project's social card image: 'img/docusaurus-social-card.jpg', navbar: { diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index 1a4c570..9010879 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -21,16 +21,17 @@ /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme="dark"] { - --ifm-color-primary: #25c2a0; - --ifm-color-primary-dark: #21af90; - --ifm-color-primary-darker: #1fa588; - --ifm-color-primary-darkest: #1a8870; - --ifm-color-primary-light: #29d5b0; - --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; + --ifm-color-primary: #e64a19; + --ifm-color-primary-dark: #b73a12; + --ifm-color-primary-darker: #8c2c0e; + --ifm-color-primary-darkest: #5a1e0a; + --ifm-color-primary-light: #eb6d45; + --ifm-color-primary-lighter: #f09178; + --ifm-color-primary-lightest: #f5b5a6; + --ifm-code-font-size: 95%; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.25); + --code-block-diff-add-line-color: #2d5a2c; + --code-block-diff-remove-line-color: #5a2d2c; } .code-block-diff-add-line { |