Themes/GitHub
Start building with GitHub

GitHub Design System

Dark mode perfection. Subtle blue accents on rich dark backgrounds. Where developers live.

Dashboard

Total Revenue

$15,231.89

+20.1% from last month

Subscriptions

+2,350

+180.1% from last month

Cards

Move Goal

Set your daily activity goal.

350

Calories/day

Exercise Minutes

Your activity trend this week.

Mon
Tue
Wed
Thu
Fri
Sat
Sun

Forms

Create an account

Enter your email to get started.

Email

example@acme.com

Password

••••••••

Notifications

Manage your notification preferences.

Push notifications
Email digest
Marketing emails

Buttons

CSS Variables — shadcn/ui compatible
:root {
  --background: #0D1117;
  --foreground: #E6EDF3;
  --card: #161B22;
  --card-foreground: #E6EDF3;
  --primary: #238636;
  --primary-foreground: #FFFFFF;
  --secondary: #21262D;
  --secondary-foreground: #C9D1D9;
  --muted: #161B22;
  --muted-foreground: #8B949E;
  --accent: #58A6FF;
  --accent-foreground: #FFFFFF;
  --destructive: #F85149;
  --border: #30363D;
  --input: #21262D;
  --ring: #58A6FF;
  --radius: 0.375rem;
}

Color Palette

Primary

#238636

Primary Foreground

#FFFFFF

Secondary

#21262D

Secondary Foreground

#C9D1D9

Background

#0D1117

Foreground

#E6EDF3

Card

#161B22

Card Foreground

#E6EDF3

Border

#30363D

Muted

#161B22

Muted Foreground

#8B949E

Blue

#58A6FF

Destructive

#F85149