refactor(website): update theme

Author: Rel1cx

apps/website/app/base.css

@@ -1,5 +1,5 @@
 @import "tailwindcss";
-@import "fumadocs-ui/css/neutral.css";
+@import "./theme.css";
 @import "fumadocs-ui/css/preset.css";
 @import "fumadocs-twoslash/twoslash.css";
 

apps/website/app/theme.css

@@ -0,0 +1,62 @@
+@theme {
+    --color-fd-muted: hsl(0, 0%, 96.1%);
+    --color-fd-popover: hsl(0, 0%, 100%);
+    --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
+    --color-fd-card-foreground: hsl(0, 0%, 3.9%);
+    --color-fd-border: hsl(0, 0%, 89.8%);
+    --color-fd-primary-foreground: hsl(0, 0%, 98%);
+    --color-fd-secondary-foreground: hsl(0, 0%, 9%);
+    --color-fd-accent: hsl(0, 0%, 94.1%);
+    --color-fd-ring: hsl(0, 0%, 63.9%);
+
+    --color-fd-background: hsl(0, 0%, 100%);
+    --color-fd-card: hsl(0, 0%, 100%);
+    --color-fd-foreground: hsl(240, 6%, 25%);
+    --color-fd-muted-foreground: hsl(240, 6%, 50%);
+    --color-fd-secondary: hsl(240, 6%, 97%);
+    --color-fd-accent-foreground: hsl(240, 6%, 25%);
+    --color-fd-primary: hsl(226, 55%, 45%);
+}
+
+.dark {
+    --color-fd-background: hsl(0, 0%, 7.04%);
+    --color-fd-foreground: hsl(0, 0%, 92%);
+    --color-fd-muted: hsl(0, 0%, 12.9%);
+    --color-fd-muted-foreground: hsl(0, 0%, 60.9%);
+    --color-fd-popover: hsl(0, 0%, 9.8%);
+    --color-fd-popover-foreground: hsl(0, 0%, 88%);
+    --color-fd-card: hsl(0, 0%, 9.8%);
+    --color-fd-card-foreground: hsl(0, 0%, 98%);
+    --color-fd-border: hsl(0, 0%, 14%);
+    --color-fd-primary: hsl(0, 0%, 98%);
+    --color-fd-primary-foreground: hsl(0, 0%, 9%);
+    --color-fd-secondary: hsl(0, 0%, 12.9%);
+    --color-fd-secondary-foreground: hsl(0, 0%, 98%);
+    --color-fd-accent: hsl(0, 0%, 16.9%);
+    --color-fd-accent-foreground: hsl(0, 0%, 90%);
+    --color-fd-ring: hsl(0, 0%, 54.9%);
+}
+
+.prose {
+    --tw-prose-body: color-mix(in oklab,
+            var(--color-fd-foreground) 85%,
+            transparent);
+    --tw-prose-headings: color-mix(in oklab,
+            var(--color-fd-foreground) 85%,
+            transparent);
+    --tw-prose-links: var(--color-fd-primary);
+    --tw-prose-code: var(--color-fd-primary);
+}
+
+.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
+    border: none;
+    background-color: color-mix(in oklab,
+            var(--color-fd-primary) 10%,
+            transparent);
+}
+
+.dark #nd-sidebar {
+    --color-fd-muted: hsl(0, 0%, 16%);
+    --color-fd-secondary: hsl(0, 0%, 18%);
+    --color-fd-muted-foreground: hsl(0, 0%, 72%);
+}

apps/website/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "build": "next build",
-    "dev": "next dev",
+    "dev": "next dev --turbopack",
     "lint": "tsc --noEmit && eslint .",
     "prepare": "fumadocs-mdx",
     "start": "next start"