Understated (Portfolio) – shadcn/ui Theme by bash | shadcnregistry

Understated (Portfolio) – shadcn/ui Theme by bash | shadcnregistry

Light Mode

--ground:

#ffffff

--background:

#ffffff

--card:

#ffffff

--popover:

#ffffff

--paper:

#fbf6ec

--paper-sunk:

#f3e9d7

--muted:

#f5f5f5

--secondary:

#f5f5f5

--switch-track-off:

var(--faint)

--switch-track-on:

var(--lead)

--switch-thumb-off:

var(--slider-handle)

--switch-thumb-on:

var(--on-solid)

--rule:

#e5e5e5

--rule-soft:

#f4f4f5

--border:

#e5e5e5

--input:

#e5e5e5

--ring:

#a1a1a1

--ink:

#000000

--foreground:

#0a0a0a

--dim:

#71717a

--faint:

#a1a1aa

--muted-foreground:

#737373

--card-foreground:

#0a0a0a

--popover-foreground:

#0a0a0a

--secondary-foreground:

#171717

--on-solid:

#ffffff

--lead:

#171717

--lead-mid:

#404040

--lead-wash:

#f5f5f5

--primary:

#171717

--primary-foreground:

#fafafa

--accent:

#f5f5f5

--accent-foreground:

#171717

--go:

#216e39

--go-wash:

#ebf8ee

--hold:

#946200

--hold-wash:

#fbf6ec

--stop:

#b91c1c

--stop-wash:

#fee2e2

--destructive:

#e7000b

--ramp-orange:

#b88b56

--milestone-yellow:

#dec398

--go-pale:

#9be9a8

--slider-handle:

#ffffff

--activity-0:

#ebedf0

--activity-1:

#9be9a8

--activity-2:

#40c463

--activity-3:

#30a14e

--activity-4:

#216e39

--brand:

#000000

--brand-hover:

#27272a

--lime:

#fbf6ec

--lime-hover:

#f3e9d7

--on-lime:

#171717

--tonal:

#f5f5f5

--on-tonal:

#171717

--media-fill:

#000000

--on-media:

#ffffff

--media-rest-fill:

#000000

--media-rest-ink:

#ffffff

--scramble-strike:

#a1a1aa

--ff-plate:

#ffffff

--ff-plate-edge:

#e5e5e5

--ff-ink:

#000000

--ff-dim:

#71717a

--ff-faint:

#a1a1aa

--ff-rule:

#e5e5e5

--ff-residual:

#a3a3a3

--ff-in-0:

#171717

--ff-in-1:

#404040

--ff-in-2:

#737373

--ff-in-3:

#a3a3a3

--ff-in-4:

#d4d4d4

--ff-in-5:

#e5e5e5

--ff-out-0:

#27272a

--ff-out-1:

#52525b

--ff-out-2:

#71717a

--ff-out-3:

#a1a1aa

--ff-out-4:

#d4d4d8

--ff-out-5:

#e4e4e7

--collection-landlord:

#404040

--collection-platform:

#737373

--collection-processing:

#a3a3a3

--menu-surface:

rgb(23 23 23 / 0.65)

--menu-ink:

#171717

--menu-dim:

#71717a

--menu-rule:

rgb(255 255 255 / 0.15)

--menu-sheen:

rgb(255 255 255 / 0.15)

--menu-symbol:

#e5e5e5

--menu-shadow:

#00000066

--menu-sheen-mid:

rgb(255 255 255 / 0.04)

--menu-footer-rule:

rgb(255 255 255 / 0.1)

--radius:

18px

--panel-radius:

18px

--inset-radius:

10px

--body-font:

var(--font-open-runde), Arial, sans-serif

--heading-font:

var(--font-viaoda-libre), Georgia, serif

--heading-weight:

400

--code-font:

ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace

--interface-font:

var(--font-open-runde), Arial, sans-serif

Dark Mode

--ground:

#0a0a0a

--background:

#0a0a0a

--card:

#171717

--popover:

#171717

--paper:

#29251f

--paper-sunk:

#211e19

--muted:

#262626

--secondary:

#262626

--switch-track-off:

var(--faint)

--switch-track-on:

var(--lead)

--switch-thumb-off:

var(--slider-handle)

Theme

--color-ground:

var(--ground)

--color-background:

var(--background)

--color-card:

var(--card)

--color-popover:

var(--popover)

--color-paper:

var(--paper)

--color-paper-sunk:

var(--paper-sunk)

--color-muted:

var(--muted)

--color-secondary:

var(--secondary)

--color-switch-track-off:

var(--switch-track-off)

--color-switch-track-on:

var(--switch-track-on)

--color-switch-thumb-off: