style: update styles

Author: xiaoyu2er

apps/docs/src/app/global.css

@@ -1,10 +1,111 @@
 @import "tailwindcss";
-/* https://fumadocs.dev/docs/ui/theme#tailwind-css-preset */
 @import "fumadocs-ui/css/neutral.css";
-/* @import 'fumadocs-ui/css/black.css'; */
-/* @import 'fumadocs-ui/css/vitepress.css'; */
-/* @import 'fumadocs-ui/css/dusk.css'; */
-/* @import 'fumadocs-ui/css/catppuccin.css'; */
-/* @import 'fumadocs-ui/css/ocean.css'; */
-/* @import 'fumadocs-ui/css/purple.css'; */
 @import "fumadocs-ui/css/preset.css";
+
+@source '../node_modules/fumadocs-ui/dist/**/*.js';
+@source ".";
+@source "../components";
+@source "../content";
+
+/* --------------- FUMADOCS --------------- */
+@theme {
+  --color-fd-background: hsl(0, 0%, 100%);
+  --color-fd-foreground: hsl(0, 0%, 0%);
+  --color-fd-muted: hsl(0, 0%, 98%);
+  --color-fd-muted-foreground: hsl(0, 0%, 45.1%);
+  --color-fd-popover: hsl(0, 0%, 100%);
+  --color-fd-popover-foreground: hsl(0, 0%, 10%);
+  --color-fd-card: hsl(0, 0%, 100%);
+  --color-fd-card-foreground: hsl(0, 0%, 0%);
+  --color-fd-border: hsl(0, 0%, 92%);
+  --color-fd-primary: hsl(0, 0%, 0%);
+  --color-fd-primary-foreground: hsl(0, 0%, 100%);
+  --color-fd-secondary: hsl(0, 0%, 96%);
+  --color-fd-secondary-foreground: hsl(0, 0%, 0%);
+  --color-fd-accent: hsl(0, 0%, 94%);
+  --color-fd-accent-foreground: hsl(0, 0%, 0%);
+  --color-fd-ring: hsl(0, 0%, 70%);
+}
+
+.dark {
+  --color-fd-background: hsl(0, 0%, 4%);
+  --color-fd-foreground: hsl(0, 0%, 100%);
+  --color-fd-muted: hsl(0, 0%, 10%);
+  --color-fd-muted-foreground: hsl(0, 0%, 70%);
+  --color-fd-popover: hsl(0, 0%, 7%);
+  --color-fd-popover-foreground: hsl(0, 0%, 100%);
+  --color-fd-card: hsl(0, 0%, 7%);
+  --color-fd-card-foreground: hsl(0, 0%, 100%);
+  --color-fd-border: hsl(0, 0%, 15%);
+  --color-fd-primary: hsl(0, 0%, 100%);
+  --color-fd-primary-foreground: hsl(0, 0%, 0%);
+  --color-fd-secondary: hsl(0, 0%, 12%);
+  --color-fd-secondary-foreground: hsl(0, 0%, 100%);
+  --color-fd-accent: hsl(0, 0%, 15%);
+  --color-fd-accent-foreground: hsl(0, 0%, 100%);
+  --color-fd-ring: hsl(0, 0%, 60%);
+}
+
+#nd-sidebar {
+  --color-fd-accent-foreground: hsl(270, 70%, 55%); /* Lighter purple background */
+  --color-fd-primary: hsl(270, 70%, 55%); /* Lighter purple background */
+  --color-fd-accent: hsl(270, 70%, 95%); /* Same as primary for consistency */
+}
+
+.dark #nd-sidebar {
+  --color-fd-primary: hsl(270, 70%, 85%); /* Light purple text for dark mode */
+  --color-fd-muted: hsl(0, 0%, 20%); /* Lightened from 16% to 20% */
+  --color-fd-secondary: hsl(0, 0%, 22%); /* Lightened from 18% to 22% */
+  --color-fd-muted-foreground: hsl(0, 0%, 75%); /* Slightly lighter text */
+  --color-fd-accent: hsl(270, 50%, 25%); /* Darkened from 35% to 25% for better contrast */
+}
+
+/* --------------- SHAD CN --------------- */
+
+:root {
+  /* Background */
+  --fd-layout-width: 1400px;
+  /* Links */
+  --color-link: #458dff;
+  --color-link-dark: #6ba5ff;
+
+  /* Cards */
+  --hover-shine-color: rgba(255, 255, 255, 0.1);
+  --hover-shine-inverse-color: rgba(0, 0, 0, 0.15);
+  --hover-shine-color-dark: rgba(0, 0, 0, 0.1);
+  --hover-shine-inverse-color-dark: rgba(255, 255, 255, 0.3);
+
+  --color-fd-primary-hover: rgba(0, 0, 0, 0.85); /* fallback for light mode, adjust as needed */
+}
+
+.dark {
+  --color-link: var(--color-link-dark);
+  --hover-shine-color: var(--hover-shine-color-dark);
+  --hover-shine-inverse-color: var(--hover-shine-inverse-color-dark);
+  --color-fd-primary-hover: hsl(0, 0%, 90%); /* light gray for dark mode, adjust as needed */
+}
+
+/* ---------- LINKS ---------- */
+
+.link {
+  position: relative;
+  text-decoration: none;
+  color: var(--color-link);
+}
+
+.link::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -2px; /* Adjust this for underline positioning */
+  width: 100%;
+  height: 2px; /* Adjust thickness */
+  background-color: var(--color-link);
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: transform 0.3s ease-in-out;
+}
+
+.link:hover::after {
+  transform: scaleX(1);
+}