mirror of
https://github.com/luxfi/docs.git
synced 2026-09-24 00:25:32 +00:00
zeekay
748c93e041
- Inlined @luxfi/brand/styles/docs.css to app/global.css - Removed file:../brand dependency that fails in CI - Pinned @hanzo/docs packages to exact versions (avoid 16.3.0) - Fixed toSource() to toFumadocsSource() for npm packages
83 lines
2.5 KiB
CSS
83 lines
2.5 KiB
CSS
@import 'tailwindcss';
|
|
@import '@hanzo/docs/ui/css/neutral.css';
|
|
@import '@hanzo/docs/ui/css/preset.css';
|
|
|
|
/* Lux Network Documentation Theme - Pure Black/White (inlined from @luxfi/brand) */
|
|
: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%);
|
|
}
|
|
|
|
@theme inline {
|
|
--default-mono-font-family: var(--font-mono);
|
|
}
|
|
|
|
html {
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-fd-background);
|
|
}
|