add dark mode to website

belav · Mar 15, 2024 · 6ace896 · 6ace896
1 parent 44c380d
commit 6ace896
Show file tree

Hide file tree

Showing 6 changed files with 464 additions and 1,868 deletions.
diff --git a/Src/CSharpier.Playground/ClientApp/package-lock.json b/Src/CSharpier.Playground/ClientApp/package-lock.json
diff --git a/Src/CSharpier.Playground/ClientApp/package.json b/Src/CSharpier.Playground/ClientApp/package.json
@@ -17,9 +17,9 @@
         "react-json-view": "1.21.3",
         "react-router-dom": "5.2.0",
         "rimraf": "3.0.2",
-        "sass": "^1.52.1",
+        "sass": "1.52.1",
         "typescript": "4.1.3",
-        "vite": "2.9.9",
+        "vite": "2.9.17",
         "vite-plugin-svgr": "2.1.0"
     },
     "scripts": {

diff --git a/Src/Website/docusaurus.config.js b/Src/Website/docusaurus.config.js
@@ -24,6 +24,7 @@ const config = {
             ({
                 docs: {
                     sidebarPath: require.resolve("./sidebars.js"),
+                    breadcrumbs: false,
                     editUrl: githubUrl + "/tree/master/",
                 },
                 theme: {
@@ -37,7 +38,7 @@ const config = {
         /** @type {import("@docusaurus/preset-classic").ThemeConfig} */
         ({
             colorMode: {
-                disableSwitch: true,
+                respectPrefersColorScheme: true,
             },
             navbar: {
                 title: "CSharpier",

diff --git a/Src/Website/package-lock.json b/Src/Website/package-lock.json
diff --git a/Src/Website/package.json b/Src/Website/package.json
@@ -14,12 +14,12 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.1.1",
-    "@docusaurus/module-type-aliases": "^3.1.1",
-    "@docusaurus/preset-classic": "^3.1.1",
+    "@docusaurus/core": "3.1.1",
+    "@docusaurus/module-type-aliases": "3.1.1",
+    "@docusaurus/preset-classic": "3.1.1",
     "prettier": "3.2.5",
     "prism-react-renderer": "2.3.1",
-    "react": "^18.2.0"
+    "react": "18.2.0"
   },
   "browserslist": {
     "production": [

diff --git a/Src/Website/src/css/custom.css b/Src/Website/src/css/custom.css
@@ -22,6 +22,11 @@
   --ifm-footer-background-color: #32576C;
 }
 
+[data-theme='dark'] {
+  --ifm-menu-color: #E3E3E3;
+  --ifm-link-color: #80a3b9;
+}
+
 .docusaurus-highlight-code-line {
   background-color: rgba(0, 0, 0, 0.1);
   display: block;