Dark mode (#278)

Fixes #270 This is a first attempt; I am no designer so this is the minimal amount of CSS I could touch. ![Captura de Pantalla 2024-02-26 a las 22 09 21](https://github.com/arrow-kt/arrow-website/assets/309334/197fca77-0f0a-4383-8ddb-4fda3e690c72)
arrow-kt · Mar 28, 2024 · 1f693fa · 1f693fa
1 parent 1925a1e
commit 1f693fa
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -79,7 +79,7 @@ const createConfig = async () => {
         image: '/img/social-card.jpg',
         colorMode: {
           defaultMode: 'light',
-          disableSwitch: true,
+          disableSwitch: false,
           respectPrefersColorScheme: false,
         },
         docs: {

diff --git a/src/css/vars.css b/src/css/vars.css
@@ -91,6 +91,12 @@
   --search-local-icon-stroke-width: 1;
 }
 
+[data-theme="dark"]:root {
+  --arrow-grey-primary: rgb(218, 221, 225);
+  --arrow-grey-secondary: rgb(218, 221, 225);
+  --ifm-footer-background-color: var(--ifm-color-black);
+}
+
 .plugin-blog {
   --ifm-avatar-photo-size: 2rem;
 }