Theme Converter

Shadcn Theme Generator

Colors

Outher Colors

Radius

Themes

Editor

:root {
--card: oklch(100% 0 0);
--background: oklch(93% 0 0);
--popover: oklch(86% 0 0);
--foreground: oklch(35.519% 0.032 262.988);
--primary: oklch(76.662% 0.135 153.45);
--primary-foreground: oklch(33.387% 0.04 162.24);
--secondary: oklch(33.387% 0.04 162.24/0.5);
--secondary-foreground: oklch(76.662% 0.135 153.45);
--accent: oklch(0.923 0.003 48.717);
--accent-foreground: oklch(0% 0 0);
--muted: oklch(35.519% 0.032 262.988/0.1);
--muted-foreground: oklch(35.519% 0.032 262.988/0.5);
--chart-1: oklch(72.06% 0.191 231.6);
--chart-3: oklch(64.8% 0.15 160);
--chart-4: oklch(71.76% 0.221 22.18);
--chart-2: oklch(84.71% 0.199 83.87);
--chart-5: oklch(35.519% 0.032 262.988/0.3);
--destructive: oklch(71.76% 0.221 22.18);
--destructive-foreground: oklch(0% 0 0);
--radius: 0.5rem;
--card-foreground: oklch(35.519% 0.032 262.988);
--popover-foreground: oklch(35.519% 0.032 262.988);
--border: oklch(35.519% 0.032 262.988/0.1);
--input: oklch(35.519% 0.032 262.988/0.3);
--ring: oklch(76.662% 0.135 153.45/0.5);}

Text + Background

Lorem ipsum dolor sit amet.

Primary

Foreground

Card-Foreground

Muted-Foreground

Accent-Foreground

Popover-Foreground

Badge + Buttons

Lorem ipsum dolor sit amet.

DefaultBadgeBadgeBadge

Login

Lorem ipsum dolor sit amet.

Your email address

Senha

NikeSALE

R$389,90

R$499,90

Switch + Hover

Lorem ipsum dolor sit amet.

Works

Lorem ipsum dolor sit amet consectetur.

Sports

Lorem ipsum dolor sit amet consectetur.

Flamengo

Lorem ipsum dolor sit amet consectetur.

Checkbox + Ring + Slider

Lorem ipsum dolor sit amet.

Natação

Futebol

Basquete

Fabiano Gonçalves

Software Developer

Friends

Giovanna Salles

Namorada

Giovanna Salles

Namorada

Bar Chart - Mixed

January - June 2024

Trending up by 5.2% this month

Showing total visitors for the last 6 months

Pie Chart - Donut with Text

January - June 2024

Trending up by 5.2% this month

Showing total visitors for the last 6 months

Line Chart - Multiple

January - June 2024

Trending up by 5.2% this month

Showing total visitors for the last 6 months