chore: upgrade docusaurus (#1552)

* chore: upgrade docusaurus * chore: improve color constrast on website in light mode
callstack · Jan 5, 2024 · b222792 · b222792
1 parent 21254b0
commit b222792
Show file tree

Hide file tree

Showing 4 changed files with 4,530 additions and 1,890 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -81,8 +81,8 @@ const siteConfig = {
     },
     image: 'img/owl.png',
     prism: {
-      theme: require('prism-react-renderer/themes/github'),
-      darkTheme: require('prism-react-renderer/themes/dracula'),
+      theme: require('prism-react-renderer').themes.github,
+      darkTheme: require('prism-react-renderer').themes.dracula,
       defaultLanguage: 'jsx',
     },
     algolia: {

diff --git a/website/package.json b/website/package.json
@@ -9,12 +9,20 @@
     "deploy": "docusaurus deploy"
   },
   "dependencies": {
-    "@babel/core": "^7.11.1",
-    "@docusaurus/core": "^2.3.1",
-    "@docusaurus/preset-classic": "^2.3.1",
+    "@docusaurus/core": "3.0.0",
+    "@docusaurus/preset-classic": "3.0.0",
+    "@mdx-js/react": "^3.0.0",
     "classnames": "^2.2.6",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "prism-react-renderer": "^2.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@docusaurus/module-type-aliases": "3.0.0",
+    "@docusaurus/types": "3.0.0"
+  },
+  "engines": {
+    "node": ">=18.0"
   },
   "browserslist": {
     "production": [

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -1,4 +1,15 @@
 :root {
+  --ifm-color-primary: #9E6942;
+  --ifm-color-primary-dark: #b67a50;
+  --ifm-color-primary-darker: #af7349;
+  --ifm-color-primary-darkest: #905f3c;
+  --ifm-color-primary-light: #c89a7a;
+  --ifm-color-primary-lighter: #cca284;
+  --ifm-color-primary-lightest: #d9b9a3;
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme='dark'] {
   --ifm-color-primary: #bf8a65;
   --ifm-color-primary-dark: #b67a50;
   --ifm-color-primary-darker: #af7349;