GREENengagehttps://green-engage.deDesign

Color

Green-Engage's color system for designing dynamic and accessible products.

Primary

var(--primary)

#16a34a

var(--primary-foreground)

#fff

Secondary

var(--secondary)

#84cc16

var(--secondary-foreground)

#fff

Light

var(--light)

#f2f2f2

var(--light-foreground)

#737373

Destructive

var(--destructive-light)

#fef2f2

var(--destructive)

#e00

var(--destructive-dark)

#c50000

Success

var(--success-light)

#f0fdf4

var(--success)

#16a34a

var(--success-dark)

#15803d

Warning

var(--warning-light)

#fefce8

var(--warning)

#ca8a04

var(--warning-dark)

#854d0e

Info

var(--info-light)

#eff6ff

var(--info)

#3b82f6

var(--info-dark)

#0761d1

Other

var(--background)

#fff

var(--foreground)

#171717

var(--border)

#cccccc

var(--border-dark)

#6b6b6b