Theme Rose

style

Provided by intentui

Open in

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://intentui.com/r/theme-rose"

Files

No files found

Styles

Light Mode

----bg:

oklch(1 0 0)

----fg:

oklch(0.216 0.006 56.043)

----primary:

oklch(0.645 0.246 16.439)

----primary-fg:

oklch(1 0 0)

----primary-subtle:

oklch(0.645 0.246 16.439 / 0.15)

----primary-subtle-fg:

oklch(0.514 0.222 16.935)

----secondary:

oklch(0.923 0.003 48.717)

----secondary-fg:

oklch(0.147 0.004 49.25)

----overlay:

oklch(1 0 0)

----overlay-fg:

oklch(0.147 0.004 49.25)

----accent:

oklch(0.923 0.003 48.717)

----accent-fg:

oklch(0.147 0.004 49.25)

----muted:

oklch(0.97 0.001 106.424)

----muted-fg:

oklch(0.553 0.013 58.071)

----success:

oklch(0.596 0.145 163.225)

----success-fg:

oklch(1 0 0)

----success-subtle:

oklch(0.696 0.17 162.48 / 0.15)

----success-subtle-fg:

oklch(0.508 0.118 165.612)

----info-subtle:

oklch(0.685 0.169 237.323 / 0.15)

----info-subtle-fg:

oklch(0.5 0.134 242.749)

----warning:

oklch(0.828 0.189 84.429)

----warning-fg:

oklch(0.279 0.077 45.635)

----warning-subtle:

oklch(0.828 0.189 84.429 / 0.2)

----warning-subtle-fg:

oklch(0.555 0.163 48.998)

----danger:

oklch(0.577 0.245 27.325)

----danger-fg:

oklch(0.971 0.013 17.38)

----danger-subtle:

oklch(0.637 0.237 25.331 / 0.15)

----danger-subtle-fg:

oklch(0.505 0.213 27.518)

----border:

oklch(0.909 0.005 56.366)

----input:

oklch(0.869 0.005 56.366)

----ring:

oklch(0.586 0.253 17.585)

----navbar:

oklch(0.995 0.001 106.423)

----navbar-fg:

oklch(0.147 0.004 49.25)

----sidebar:

oklch(0.985 0.001 106.423)

----sidebar-fg:

oklch(0.147 0.004 49.25)

----sidebar-primary:

oklch(0.645 0.246 16.439 / 0.15)

----sidebar-primary-fg:

oklch(0.514 0.222 16.935)

----sidebar-accent:

oklch(0.923 0.003 48.717)

----sidebar-accent-fg:

oklch(0.147 0.004 49.25)

----sidebar-border:

oklch(0.899 0.005 56.366)

----sidebar-ring:

oklch(0.586 0.253 17.585)

----chart-1:

oklch(0.586 0.253 17.585)

----chart-2:

oklch(0.645 0.246 16.439)

----chart-3:

oklch(0.712 0.194 13.428)

----chart-4:

oklch(0.81 0.117 11.638)

----chart-5:

oklch(0.892 0.058 10.001)

----radius:

0.5rem

Dark Mode

----bg:

oklch(0.187 0.004 49.25)

----fg:

oklch(0.985 0.001 106.423)

----primary:

oklch(0.645 0.246 16.439)

----primary-fg:

oklch(1 0 0)

----primary-subtle:

oklch(0.645 0.246 16.439 / 0.1)

----primary-subtle-fg:

oklch(0.712 0.194 13.428)

----secondary:

Theme

--font-sans:

"Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

--font-mono:

"Geist Mono", 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace'

--font-sans--font-feature-settings:

"cv02", "cv03", "cv04", "cv11"

--font-mono--font-feature-settings:

"ss02", "zero"

--color-border:

var(--border)

--color-input:

var(--input)

--color-ring:

var(--ring)

--color-bg:

var(--bg)

--color-fg:

var(--fg)

--color-primary:

CSS

No CSS found.

oklch(0.238 0.007 34.298)

----secondary-fg:

oklch(0.985 0.001 106.423)

----overlay:

oklch(0.216 0.006 56.043)

----overlay-fg:

oklch(0.985 0.001 106.423)

----accent:

oklch(0.268 0.007 34.298)

----accent-fg:

oklch(0.985 0.001 106.423)

----muted:

oklch(0.216 0.006 56.043)

----muted-fg:

oklch(0.709 0.01 56.259)

----success:

oklch(0.596 0.145 163.225)

----success-fg:

oklch(1 0 0)

----success-subtle:

oklch(0.696 0.17 162.48 / 0.1)

----success-subtle-fg:

oklch(0.765 0.177 163.223)

----info-subtle:

oklch(0.685 0.169 237.323 / 0.1)

----info-subtle-fg:

oklch(0.828 0.111 230.318)

----warning:

oklch(0.828 0.189 84.429)

----warning-fg:

oklch(0.279 0.077 45.635)

----warning-subtle:

oklch(0.828 0.189 84.429 / 0.1)

----warning-subtle-fg:

oklch(0.828 0.189 84.429)

----danger:

oklch(0.577 0.245 27.325)

----danger-fg:

oklch(0.971 0.013 17.38)

----danger-subtle:

oklch(0.637 0.237 25.331 / 0.1)

----danger-subtle-fg:

oklch(0.704 0.191 22.216)

----border:

oklch(0.274 0.01 67.558)

----input:

oklch(0.314 0.01 67.558)

----ring:

oklch(0.586 0.253 17.585)

----navbar:

oklch(0.196 0.006 56.043)

----navbar-fg:

oklch(0.985 0.001 106.423)

----sidebar:

oklch(0.186 0.006 56.043)

----sidebar-fg:

oklch(0.985 0.001 106.423)

----sidebar-primary:

oklch(0.645 0.246 16.439 / 0.1)

----sidebar-primary-fg:

oklch(0.712 0.194 13.428)

----sidebar-accent:

oklch(0.268 0.007 34.298)

----sidebar-accent-fg:

oklch(0.985 0.001 106.423)

----sidebar-border:

oklch(0.268 0.007 34.298)

----sidebar-ring:

oklch(0.586 0.253 17.585)

----chart-1:

oklch(0.514 0.222 16.935)

----chart-2:

oklch(0.645 0.246 16.439)

----chart-3:

oklch(0.712 0.194 13.428)

----chart-4:

oklch(0.81 0.117 11.638)

----chart-5:

oklch(0.892 0.058 10.001)

--color-primary-fg:

var(--primary-fg)

--color-primary-subtle:

var(--primary-subtle)

--color-primary-subtle-fg:

var(--primary-subtle-fg)

--color-secondary:

var(--secondary)

--color-secondary-fg:

var(--secondary-fg)

--color-accent:

var(--accent)

--color-accent-fg:

var(--accent-fg)

--color-success:

var(--success)

--color-success-fg:

var(--success-fg)

--color-success-subtle:

var(--success-subtle)

--color-success-subtle-fg:

var(--success-subtle-fg)

--color-danger:

var(--danger)

--color-danger-fg:

var(--danger-fg)

--color-danger-subtle:

var(--danger-subtle)

--color-danger-subtle-fg:

var(--danger-subtle-fg)

--color-warning:

var(--warning)

--color-warning-fg:

var(--warning-fg)

--color-warning-subtle:

var(--warning-subtle)

--color-warning-subtle-fg:

var(--warning-subtle-fg)

--color-info-subtle:

var(--info-subtle)

--color-info-subtle-fg:

var(--info-subtle-fg)

--color-muted:

var(--muted)

--color-muted-fg:

var(--muted-fg)

--color-overlay:

var(--overlay)

--color-overlay-fg:

var(--overlay-fg)

--color-navbar:

var(--navbar)

--color-navbar-fg:

var(--navbar-fg)

--color-sidebar:

var(--sidebar)

--color-sidebar-fg:

var(--sidebar-fg)

--color-sidebar-primary:

var(--sidebar-primary)

--color-sidebar-primary-fg:

var(--sidebar-primary-fg)

--color-sidebar-accent:

var(--sidebar-accent)

--color-sidebar-accent-fg:

var(--sidebar-accent-fg)

--color-sidebar-border:

var(--sidebar-border)

--color-sidebar-ring:

var(--sidebar-ring)

--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)

--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)