wehub-resource-sync
73 lines
3.0 KiB
CSS
73 lines
3.0 KiB
CSS
@import "tailwindcss";
|
|
@import "fumadocs-ui/css/neutral.css";
|
|
@import "fumadocs-ui/css/preset.css";
|
|
|
|
/* ─────────────────────────────────────────────────────────────────────────
|
|
Brand override — align Fumadocs UI with packages/core's design language.
|
|
Warm paper + ink palette, vermillion as the single accent. Matches the
|
|
tokens defined in packages/core/src/app/styles.css so the marketing
|
|
site, the docs, and the editor share one visual identity.
|
|
───────────────────────────────────────────────────────────────────── */
|
|
|
|
@theme {
|
|
--color-fd-background: oklch(0.985 0.004 75);
|
|
--color-fd-foreground: oklch(0.2 0.012 60);
|
|
--color-fd-muted: oklch(0.955 0.008 75);
|
|
--color-fd-muted-foreground: oklch(0.485 0.012 60);
|
|
--color-fd-popover: oklch(0.998 0.002 75);
|
|
--color-fd-popover-foreground: oklch(0.2 0.012 60);
|
|
--color-fd-card: oklch(1 0 0);
|
|
--color-fd-card-foreground: oklch(0.2 0.012 60);
|
|
--color-fd-border: oklch(0.86 0.008 70);
|
|
--color-fd-primary: oklch(0.555 0.185 28);
|
|
--color-fd-primary-foreground: oklch(0.985 0.004 75);
|
|
--color-fd-secondary: oklch(0.96 0.006 75);
|
|
--color-fd-secondary-foreground: oklch(0.215 0.012 60);
|
|
--color-fd-accent: oklch(0.945 0.012 75);
|
|
--color-fd-accent-foreground: oklch(0.215 0.012 60);
|
|
--color-fd-ring: oklch(0.555 0.185 28);
|
|
--color-fd-overlay: oklch(0 0 0 / 0.18);
|
|
}
|
|
|
|
.dark {
|
|
--color-fd-background: oklch(0.155 0.005 70);
|
|
--color-fd-foreground: oklch(0.945 0.005 80);
|
|
--color-fd-muted: oklch(0.235 0.006 70);
|
|
--color-fd-muted-foreground: oklch(0.68 0.008 75);
|
|
--color-fd-popover: oklch(0.21 0.006 70);
|
|
--color-fd-popover-foreground: oklch(0.945 0.005 80);
|
|
--color-fd-card: oklch(0.195 0.006 70);
|
|
--color-fd-card-foreground: oklch(0.945 0.005 80);
|
|
--color-fd-border: oklch(1 0 0 / 0.1);
|
|
--color-fd-primary: oklch(0.66 0.19 28);
|
|
--color-fd-primary-foreground: oklch(0.155 0.005 70);
|
|
--color-fd-secondary: oklch(0.245 0.006 70);
|
|
--color-fd-secondary-foreground: oklch(0.945 0.005 80);
|
|
--color-fd-accent: oklch(0.27 0.008 70);
|
|
--color-fd-accent-foreground: oklch(0.945 0.005 80);
|
|
--color-fd-ring: oklch(0.66 0.19 28);
|
|
--color-fd-overlay: oklch(0 0 0 / 0.2);
|
|
}
|
|
|
|
.dark #nd-sidebar {
|
|
--color-fd-muted: oklch(0.21 0.006 70);
|
|
--color-fd-secondary: oklch(0.245 0.006 70);
|
|
--color-fd-muted-foreground: oklch(0.72 0.008 75);
|
|
}
|
|
|
|
html {
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
html > body[data-scroll-locked] {
|
|
/* biome-ignore lint/complexity/noImportantStyles: must override react-remove-scroll's inline lock */
|
|
margin-right: 0px !important;
|
|
/* biome-ignore lint/complexity/noImportantStyles: must override react-remove-scroll's inline lock */
|
|
--removed-body-scroll-bar-size: 0px !important;
|
|
}
|
|
|
|
::selection {
|
|
background: oklch(0.555 0.185 28 / 0.18);
|
|
color: var(--color-fd-foreground);
|
|
}
|