mirror of
https://github.com/luxfi/brand.git
synced 2026-10-30 17:01:27 +00:00
zeekay
af6ccc5390
- Add styles/docs.css with fumadocs-compatible CSS variables - Add exports for CSS in package.json - Pure black/white minimalist theme
67 lines
2.2 KiB
CSS
67 lines
2.2 KiB
CSS
/* Lux Network Documentation Theme - Pure Black/White */
|
|
:root {
|
|
--color-fd-background: hsl(0, 0%, 100%);
|
|
--color-fd-foreground: hsl(0, 0%, 10%);
|
|
--color-fd-muted: hsl(0, 0%, 96%);
|
|
--color-fd-muted-foreground: hsl(0, 0%, 50%);
|
|
--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%, 10%);
|
|
--color-fd-border: hsl(0, 0%, 90%);
|
|
--color-fd-primary: hsl(0, 0%, 10%);
|
|
--color-fd-primary-foreground: hsl(0, 0%, 100%);
|
|
--color-fd-secondary: hsl(0, 0%, 96%);
|
|
--color-fd-secondary-foreground: hsl(0, 0%, 10%);
|
|
--color-fd-accent: hsl(0, 0%, 96%);
|
|
--color-fd-accent-foreground: hsl(0, 0%, 10%);
|
|
--color-fd-ring: hsl(0, 0%, 50%);
|
|
|
|
/* Brand colors */
|
|
--color-brand: hsl(0, 0%, 10%);
|
|
--color-brand-foreground: white;
|
|
--color-brand-secondary: hsl(0, 0%, 96%);
|
|
--color-brand-accent: hsl(0, 0%, 96%);
|
|
|
|
/* Layout */
|
|
--background: hsl(0, 0%, 100%);
|
|
--foreground: hsl(0, 0%, 10%);
|
|
--muted: hsl(0, 0%, 96%);
|
|
--muted-foreground: hsl(0, 0%, 50%);
|
|
--border: hsl(0, 0%, 90%);
|
|
--sidebar: hsl(0, 0%, 98%);
|
|
}
|
|
|
|
.dark {
|
|
--color-fd-background: hsl(0, 0%, 0%);
|
|
--color-fd-foreground: hsl(0, 0%, 98%);
|
|
--color-fd-muted: hsl(0, 0%, 6%);
|
|
--color-fd-muted-foreground: hsl(0, 0%, 60%);
|
|
--color-fd-popover: hsl(0, 0%, 4%);
|
|
--color-fd-popover-foreground: hsl(0, 0%, 98%);
|
|
--color-fd-card: hsl(0, 0%, 4%);
|
|
--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%, 4%);
|
|
--color-fd-secondary: hsl(0, 0%, 10%);
|
|
--color-fd-secondary-foreground: hsl(0, 0%, 98%);
|
|
--color-fd-accent: hsl(0, 0%, 12%);
|
|
--color-fd-accent-foreground: hsl(0, 0%, 100%);
|
|
--color-fd-ring: hsl(0, 0%, 30%);
|
|
|
|
/* Brand colors */
|
|
--color-brand: hsl(0, 0%, 98%);
|
|
--color-brand-foreground: hsl(0, 0%, 6%);
|
|
--color-brand-secondary: hsl(0, 0%, 12%);
|
|
--color-brand-accent: hsl(0, 0%, 12%);
|
|
|
|
/* Layout */
|
|
--background: hsl(0, 0%, 0%);
|
|
--foreground: hsl(0, 0%, 98%);
|
|
--muted: hsl(0, 0%, 6%);
|
|
--muted-foreground: hsl(0, 0%, 60%);
|
|
--border: hsl(0, 0%, 14%);
|
|
--sidebar: hsl(0, 0%, 0%);
|
|
}
|