sophie/nuke
1
0
Fork 0
Code Packages 1 Activity Actions

fix(docs): make the docs respect light/dark mode (#334)

Browse source 
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>
This commit is contained in:
Xe Iaso 2025-04-23 00:01:02 -04:00 • committed by GitHub
parent 78bb67fbf7
commit bec7199ab6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 53 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

3
docs/docusaurus.config.ts
View file

@ -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: {

21
docs/src/css/custom.css
View file

@ -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 {