Terms of Service Privacy Policy

Registry Health Inspect

Ocean Theme – shadcn/ui Theme by ballmac | shadcnregistry

Registries
ballmac
Ocean Theme

Ocean Theme

theme

A confident blue brand colour on cool, lightly tinted greys with soft corners.

pnpm dlx shadcn@latest add "https://ui.ballmac.com/r/theme-ocean.json"

Light Mode

--radius:

0.625rem

--background:

oklch(1 0 0)

--foreground:

oklch(0.17 0.016 248)

--card:

oklch(1 0 0)

--card-foreground:

oklch(0.17 0.016 248)

--popover:

oklch(1 0 0)

--popover-foreground:

oklch(0.17 0.016 248)

--primary:

oklch(0.556 0.15 248)

--primary-foreground:

oklch(0.985 0.004 248)

--secondary:

oklch(0.965 0.008 248)

--secondary-foreground:

oklch(0.2 0.024 248)

--muted:

oklch(0.965 0.008 248)

--muted-foreground:

oklch(0.5 0.016 248)

--accent:

oklch(0.955 0.012 248)

--accent-foreground:

oklch(0.2 0.024 248)

--destructive:

oklch(0.56 0.22 27)

--border:

oklch(0.915 0.008 248)

--input:

oklch(0.915 0.008 248)

--ring:

oklch(0.62 0.167 248)

--chart-1:

oklch(0.6 0.145 248)

--chart-2:

oklch(0.66 0.145 38)

--chart-3:

oklch(0.684 0.145 323)

--chart-4:

oklch(0.58 0.107 178)

--chart-5:

oklch(0.64 0.135 103)

Dark Mode

--background:

oklch(0.16 0.026 248)

--foreground:

oklch(0.97 0.006 248)

--card:

oklch(0.2 0.033 248)

--card-foreground:

oklch(0.97 0.006 248)

--popover:

oklch(0.2 0.033 248)

--popover-foreground:

oklch(0.97 0.006 248)

--primary:

oklch(0.74 0.141 248)

--primary-foreground:

oklch(0.16 0.03 248)

--secondary:

oklch(0.25 0.037 248)

--secondary-foreground:

oklch(0.97 0.006 248)

--muted:

oklch(0.25 0.037 248)

--muted-foreground:

oklch(0.72 0.026 248)

--accent:

oklch(0.28 0.046 248)

--accent-foreground:

oklch(0.97 0.006 248)

--destructive:

oklch(0.66 0.2 25)

--border:

oklch(1 0 0 / 11%)

--input:

oklch(1 0 0 / 15%)

--ring:

oklch(0.66 0.17 248)

--chart-1:

oklch(0.7 0.136 248)

--chart-2:

oklch(0.76 0.136 38)

--chart-3:

oklch(0.8 0.136 323)

--chart-4:

oklch(0.68 0.125 178)

--chart-5:

oklch(0.74 0.136 103)