website: Port WWW theme to docs site. Prep for package. (#13962)

Update sidebar.css

Signed-off-by: Teffen Ellis <[email protected]>

website/docs: Update paths.

website/docs: Use package theme.

Author: GirlBossRush

website/docusaurus.config.ts

@@ -5,9 +5,9 @@ import type * as OpenApiPlugin from "docusaurus-plugin-openapi-docs";
 import remarkGithub, { BuildUrlValues } from "remark-github";
 import { defaultBuildUrl } from "remark-github";
 import remarkDirective from "remark-directive";
-import remarkVersionDirective from "./remark/version-directive";
-import remarkPreviewDirective from "./remark/preview-directive";
-import remarkSupportDirective from "./remark/support-directive";
+import remarkVersionDirective from "./remark/version-directive.js";
+import remarkPreviewDirective from "./remark/preview-directive.js";
+import remarkSupportDirective from "./remark/support-directive.js";
 
 const createConfig = (): Config => {
     return {
@@ -60,14 +60,14 @@ const createConfig = (): Config => {
                     },
                     {
                         href: "https://github.com/goauthentik/authentik",
-                        className: "header-github-link",
-                        "aria-label": "GitHub repository",
+                        "data-icon": "github",
+                        "aria-label": "GitHub",
                         position: "right",
                     },
                     {
                         href: "https://goauthentik.io/discord",
-                        className: "header-discord-link",
-                        "aria-label": "GitHub repository",
+                        "data-icon": "discord",
+                        "aria-label": "Discord",
                         position: "right",
                     },
                 ],
@@ -138,7 +138,9 @@ const createConfig = (): Config => {
                         ],
                     },
                     theme: {
-                        customCss: require.resolve("./src/css/custom.css"),
+                        customCss: require.resolve(
+                            "@goauthentik/docusaurus-config/css/index.css",
+                        ),
                     },
                 } satisfies Preset.Options,
             ],

website/package-lock.json

@@ -17,6 +17,7 @@
         "watch": "cp -f ../schema.yml ./static/schema.yml && docusaurus gen-api-docs all && docusaurus start"
     },
     "dependencies": {
+        "@goauthentik/docusaurus-config": "^1.0.4",
         "semver": "^7.7.1",
         "@docusaurus/core": "^3.7.0",
         "@docusaurus/faster": "^3.7.0",
@@ -37,7 +38,6 @@
         "react-dom": "^18.3.1",
         "react-feather": "^2.0.10",
         "react-toggle": "^4.1.3",
-        "react-tooltip": "^5.28.0",
         "remark-directive": "^4.0.0",
         "remark-github": "^12.0.0"
     },