monochrome
modern
finance
minimalist
high-contrast
professional
clean
sleek
data-driven
elegant
light-dark-theme
user-friendly
accessible
focus-oriented
calm
sophisticated
timeless
neutral-palette
structured
clarity
Shadcn/ui Theme Css Variables
name: Monochrome Momentumkeyword: finance views: 8
:root { --background: 0 0% 98%; --foreground: 0 0% 20%; --card: 0 0% 95%; --card-foreground: 0 0% 20%; --popover: 0 0% 95%; --popover-foreground: 0 0% 20%; --primary: 0 0% 20%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 90%; --secondary-foreground: 0 0% 20%; --muted: 0 0% 85%; --muted-foreground: 0 0% 40%; --accent: 0 0% 80%; --accent-foreground: 0 0% 20%; --destructive: 0 80% 50%; --destructive-foreground: 0 0% 98%; --border: 0 0% 80%; --input: 0 0% 90%; --ring: 0 0% 20%; --radius: 0.75rem; --chart-1: 0 0% 20%; --chart-2: 0 0% 40%; --chart-3: 0 0% 60%; --chart-4: 0 0% 80%; --chart-5: 0 0% 90%; } .dark { --background: 0 0% 10%; --foreground: 0 0% 90%; --card: 0 0% 15%; --card-foreground: 0 0% 90%; --popover: 0 0% 15%; --popover-foreground: 0 0% 90%; --primary: 0 0% 90%; --primary-foreground: 0 0% 10%; --secondary: 0 0% 20%; --secondary-foreground: 0 0% 90%; --muted: 0 0% 25%; --muted-foreground: 0 0% 60%; --accent: 0 0% 30%; --accent-foreground: 0 0% 90%; --destructive: 0 80% 50%; --destructive-foreground: 0 0% 90%; --border: 0 0% 30%; --input: 0 0% 20%; --ring: 0 0% 90%; --radius: 0.75rem; --chart-1: 0 0% 90%; --chart-2: 0 0% 70%; --chart-3: 0 0% 50%; --chart-4: 0 0% 30%; --chart-5: 0 0% 20%; }