chore: bump docusaurus, fixing #238

Author: JonasKs

docs/docusaurus.config.js renamed to docs/docusaurus.config.ts

@@ -1,8 +1,10 @@
-const lightCodeTheme = require('prism-react-renderer').themes.github
-const darkCodeTheme = require('prism-react-renderer').themes.dracula
+import type {Config} from '@docusaurus/types';
+import type * as Preset from '@docusaurus/preset-classic';
 
-/** @type {import('@docusaurus/types').DocusaurusConfig} */
-module.exports = {
+const config: Config = {
+  future: {
+    experimental_faster: true,
+  },
   title: 'FastAPI-Azure-Auth',
   tagline: 'Easy and secure implementation of Azure Entra ID for your FastAPI APIs 🔒',
   url: 'https://your-docusaurus-test-site.com',
@@ -54,11 +56,7 @@ module.exports = {
       ],
       copyright: `Copyright © ${new Date().getFullYear()} Intility AS. Built with Docusaurus.`,
     },
-    prism: {
-      theme: lightCodeTheme,
-      darkTheme: darkCodeTheme,
-    },
-  },
+  } satisfies Preset.ThemeConfig,
   presets: [
     [
       '@docusaurus/preset-classic',
@@ -73,7 +71,7 @@ module.exports = {
         theme: {
           customCss: require.resolve('./src/css/custom.css'),
         },
-      },
+      } satisfies Preset.Options,
     ],
   ],
   plugins: [
@@ -90,3 +88,5 @@ module.exports = {
   //   ],
   ]
 }
+
+export default config;

docs/package.json

@@ -14,16 +14,17 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "3.5.2",
-    "@docusaurus/preset-classic": "3.5.2",
-    "@mdx-js/react": "3.0.1",
+    "@docusaurus/core": "3.7.0",
+    "@docusaurus/preset-classic": "3.7.0",
+    "@docusaurus/faster": "3.7.0",
+    "@mdx-js/react": "3.1.0",
     "@svgr/webpack": "8.1.0",
     "clsx": "2.1.1",
-    "docusaurus-lunr-search": "3.5.0",
+    "docusaurus-lunr-search": "3.6.0",
     "file-loader": "6.2.0",
-    "prism-react-renderer": "2.4.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "prism-react-renderer": "2.4.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-github-btn": "1.4.0",
     "url-loader": "4.1.1"
   },

docs/src/css/custom.css

@@ -1,3 +1,4 @@
+/* stylelint-disable docusaurus/copyright-header */
 /**
  * Any CSS included here will be global. The classic template
  * bundles Infima by default. Infima is a CSS framework designed to
@@ -6,7 +7,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #25c2a0;
+  --ifm-color-primary: hsl(238, 72%, 50%);
   --ifm-color-primary-dark: rgb(33, 175, 144);
   --ifm-color-primary-darker: rgb(31, 165, 136);
   --ifm-color-primary-darkest: rgb(26, 136, 112);
@@ -16,13 +17,27 @@
   --ifm-code-font-size: 95%;
 }
 
+html[data-theme='dark'] {
+  --ifm-color-primary: hsl(173, 88%, 50%);
+  --ifm-color-primary-dark: rgb(33, 175, 144);
+  --ifm-color-primary-darker: rgb(31, 165, 136);
+  --ifm-color-primary-darkest: rgb(26, 136, 112);
+  --ifm-color-primary-light: rgb(70, 203, 174);
+  --ifm-color-primary-lighter: rgb(102, 212, 189);
+  --ifm-color-primary-lightest: rgb(146, 224, 208);
+}
+
+html[data-theme='dark'] .footer--dark {
+  --ifm-footer-background-color: hsl(0, 0%, 15%);
+}
+
 .docusaurus-highlight-code-line {
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: rgb(72, 77, 91);
   display: block;
   margin: 0 calc(-1 * var(--ifm-pre-padding));
   padding: 0 var(--ifm-pre-padding);
 }
 
-html[data-theme='dark'] .docusaurus-highlight-code-line {
-  background-color: rgba(0, 0, 0, 0.3);
-}
+code {
+  white-space: pre;
+}