cyberpunk
neon-futurism
high-tech
vibrant-contrast
digital-circuit
synthetic-aesthetics
light-dark-dichotomy
electric-blue
magenta-accent
holographic-ui
dystopian-chic
glowing-borders
retro-futuristic
sci-fi-inspired
data-visualization-ready
Shadcn/ui Theme Css Variables
name: Neon Circuitkeyword: droidrun views: 198
:root { --background: 240 10% 95%; --foreground: 240 10% 10%; --card: 240 10% 90%; --card-foreground: 240 10% 15%; --popover: 240 10% 92%; --popover-foreground: 240 10% 12%; --primary: 210 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 270 70% 60%; --secondary-foreground: 0 0% 100%; --muted: 240 10% 85%; --muted-foreground: 240 10% 40%; --accent: 330 80% 60%; --accent-foreground: 0 0% 100%; --destructive: 0 80% 50%; --destructive-foreground: 0 0% 100%; --border: 240 10% 80%; --input: 240 10% 88%; --ring: 210 100% 50%; --radius: 0.75rem; --chart-1: 210 100% 50%; --chart-2: 270 70% 60%; --chart-3: 330 80% 60%; --chart-4: 30 80% 60%; --chart-5: 150 70% 50%; } .dark { --background: 240 10% 10%; --foreground: 240 10% 90%; --card: 240 10% 15%; --card-foreground: 240 10% 90%; --popover: 240 10% 12%; --popover-foreground: 240 10% 90%; --primary: 210 100% 60%; --primary-foreground: 240 10% 10%; --secondary: 270 70% 70%; --secondary-foreground: 240 10% 10%; --muted: 240 10% 20%; --muted-foreground: 240 10% 60%; --accent: 330 80% 70%; --accent-foreground: 240 10% 10%; --destructive: 0 80% 60%; --destructive-foreground: 240 10% 10%; --border: 240 10% 25%; --input: 240 10% 18%; --ring: 210 100% 60%; --radius: 0.75rem; --chart-1: 210 100% 60%; --chart-2: 270 70% 70%; --chart-3: 330 80% 70%; --chart-4: 30 80% 70%; --chart-5: 150 70% 60%; }