Leptos Rust UI 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

May2025
MoTuWeThFrSaSu
2829301234
567891011
12131415161718
19202122232425
2627282930311

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
  • Owner
  • Member
JL
  • Owner
  • Member
IN

Isabella Nguyen

[email protected]

  • Owner
  • Member

Cookie Settings

Manage your cookie settings here.

Strictly Necessary These cookies are essential in order to use the website and use its features.
Functional Cookies These cookies allow the website to provide personalized functionality.

Payment Method

Add a new payment method to your account.

  • January
  • February
  • March
  • April
  • May
  • June
  • July
  • August
  • September
  • October
  • November
  • December
  • 2024
  • 2025
  • 2026
  • 2027
  • 2028
  • 2029
  • 2030
  • 2031
  • 2032
  • 2033
  • 2034
SD
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]

  • Can Edit
  • Can View
IN

Isabella Nguyen

[email protected]

  • Can Edit
  • Can View
SD
  • Can Edit
  • Can View

Report an issue

What area are you having problems with?

  • Billing
  • Team
  • Account
  • Support
  • Level 1
  • Level 2
  • Level 3
  • Level 4