Neobrutal Blue – shadcn/ui Style by neobrutal-ui | shadcnregistry

Neobrutal Blue – shadcn/ui Style by neobrutal-ui | shadcnregistry

Theme

--color-background:

var(--background)

--color-foreground:

var(--foreground)

--color-card:

var(--card)

--color-card-foreground:

var(--card-foreground)

--color-popover:

var(--popover)

--color-popover-foreground:

var(--popover-foreground)

--color-primary:

var(--primary)

--color-primary-foreground:

var(--primary-foreground)

--color-secondary:

var(--secondary)

--color-secondary-foreground:

var(--secondary-foreground)

--color-muted:

var(--muted)

--color-muted-foreground:

var(--muted-foreground)

--color-accent:

var(--accent)

--color-accent-foreground:

var(--accent-foreground)

--color-destructive:

var(--destructive)

--color-destructive-foreground:

var(--destructive-foreground)

--color-error:

var(--error)

--color-border:

var(--border)

--color-input:

var(--input)

--color-ring:

var(--ring)

--color-main:

var(--main)

--color-main-foreground:

var(--main-foreground)

--color-secondary-background:

var(--secondary-background)

--color-overlay:

var(--overlay)

--color-chart-1:

var(--chart-1)

--color-chart-2:

var(--chart-2)

--color-chart-3:

var(--chart-3)

--color-chart-4:

var(--chart-4)

--color-chart-5:

var(--chart-5)

--color-sidebar:

var(--sidebar)

--color-sidebar-foreground:

var(--sidebar-foreground)

--color-sidebar-primary:

var(--sidebar-primary)

--color-sidebar-primary-foreground:

var(--sidebar-primary-foreground)

--color-sidebar-accent:

var(--sidebar-accent)

--color-sidebar-accent-foreground:

var(--sidebar-accent-foreground)

--color-sidebar-border:

var(--sidebar-border)

--color-sidebar-ring:

var(--sidebar-ring)

--shadow-shadow:

var(--shadow)

--shadow-press:

clamp(-1px, var(--box-shadow-x), 1px) clamp(-1px, var(--box-shadow-y), 1px) 0px 0px var(--border)

--spacing-boxShadowX:

var(--box-shadow-x)

--spacing-boxShadowY:

var(--box-shadow-y)

--spacing-reverseBoxShadowX:

var(--reverse-box-shadow-x)

--spacing-reverseBoxShadowY:

var(--reverse-box-shadow-y)

--spacing-pressX:

calc(var(--box-shadow-x) - clamp(-1px, var(--box-shadow-x), 1px))

--spacing-pressY:

calc(var(--box-shadow-y) - clamp(-1px, var(--box-shadow-y), 1px))

--radius-base:

var(--radius)

--radius-sm:

calc(var(--radius) * 0.6)

--radius-md:

calc(var(--radius) * 0.8)

--radius-lg:

var(--radius)

--radius-xl:

calc(var(--radius) * 1.4)

--radius-2xl:

calc(var(--radius) * 1.8)

--radius-3xl:

calc(var(--radius) * 2.2)

--radius-4xl:

calc(var(--radius) * 2.6)

--font-weight-base:

var(--base-font-weight)

--font-weight-heading:

var(--heading-font-weight)