Theme Generator (oklch)

Radius
Lightness (L)(0.69 / 1)
Chroma (C)(0.14 / 0.4)
Hue (H)(247 / 360)

Theme

Copy and paste the following code into your CSS file. 

:root {
  --radius: 0.625rem;
  --primary: oklch(0.69 0.14 247);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.621 0.126 222.29999);
  --secondary-foreground: oklch(0.205 0 0);
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --success: oklch(0.65 0.16 145);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
}

.dark {
  --primary: oklch(0.69 0.14 247);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.621 0.126 222.29999);
  --secondary-foreground: oklch(0.985 0 0);
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --success: oklch(0.65 0.16 145);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
}

Total Revenue

$15,231.89

+20.1% from last month

Subscriptions

+2350

+180.1% from last month

SuMoTuWeThFrSa

Move Goal

Set your daily activity goal.

350
Calories/day

Exercise Minutes

Your exercise minutes are ahead of where you normally are.

Team Members

Invite your team members to collaborate.

OM
JL
IN

Isabella Nguyen

[email protected]

Cookie Settings

Manage your cookie settings here.

Payment Method

Add a new payment method to your account.

OM
Hi, how can I help you today?
Hey, I'm having trouble with my account.
What seems to be the problem?
I can not log in.

Create an account

Enter your email below to create your account

Or continue with

Share this document

Anyone with the link can view this document.

People with access

OM

Olivia Martin

[email protected]

IN

Isabella Nguyen

[email protected]

SD

Report an issue

What area are you having problems with?