chore: upgrade docusaurus (#1552)

* chore: upgrade docusaurus

* chore: improve color constrast on website in light mode

Author: mdjastrzebski

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

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": [

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;