Scheme - default

Color name

Light theme

Dark theme

High contrast theme

foreground

#242424

#fff

#fff

background

#fff

#292929

#000

border

#d1d1d1

#616161

#fff

shadow

#000

#000

#000

foregroundHover

#242424

#fff

#000

backgroundHover

#f5f5f5

#3d3d3d

#1aebff

borderHover

#c7c7c7

#707070

#1aebff

shadowHover

#000

#000

#000

foregroundActive

#242424

#fff

#1aebff

backgroundActive

#ebebeb

#333

#000

borderActive

#bdbdbd

#666

#1aebff

shadowActive

foregroundFocus

#252423

#fff

#000

backgroundFocus

#fff

#2D2C2C

#1aebff

borderFocus

#000

#fff

#1aebff

shadowFocus

foregroundPressed

#242424

#fff

#000

backgroundPressed

#e0e0e0

#2e2e2e

#1aebff

borderPressed

#C8C6C4

rgba(255,255,255,0.4)

#1aebff

shadowPressed

foregroundDisabled

#c7c7c7

#5c5c5c

#000

backgroundDisabled

#f0f0f0

#1f1f1f

#3ff23f

borderDisabled

#e0e0e0

#424242

#3ff23f

shadowDisabled

foreground1

#424242

#d6d6d6

#fff

foreground2

#616161

#adadad

#fff

foreground3

#fff

#fff

#fff

foreground4

#fff

#fff

#000

foreground5

#f0f0f0

#616161

#323131

foreground6

#e0e0e0

#3d3d3d

#252423

foreground7

#616161

#d6d6d6

#000

foreground8

#252423

#E1DFDD

#000

foreground9

#707070

#999

#fff

background1

#fafafa

#242424

#000

background2

#f5f5f5

#1f1f1f

#000

background3

#f0f0f0

#141414

#000

background4

#ebebeb

#3d3d3d

#000

background5

#e0e0e0

#333

#ffff01

background6

#ebebeb

#0a0a0a

#000

border1

#f0f0f0

#1a1a1a

#fff

border2

#e0e0e0

#0f0f0f

#fff

border3

#f0f0f0

#3d3d3d

#fff

borderTransparent

transparent

transparent

#fff

borderTransparentActive

transparent

transparent

#1aebff

foregroundHover1

#fff

#fff

#000

foregroundHover2

#fff

#fff

#1aebff

backgroundHover1

#fafafa

#242424

#1aebff

backgroundHover2

transparent

transparent

#1aebff

backgroundHover3

#ebebeb

#2e2e2e

#000

backgroundHover4

#fafafa

#242424

#000

backgroundPressed3

#EDEBE9

#605E5C

#1aebff

foregroundActive1

#fff

#fff

#000

backgroundActive1

#fff

#1f1f1f

#1aebff

backgroundActive2

#EDEBE9

#323131

#1aebff

borderActive1

#EDEBE9

#1B1A1A

#1aebff

borderActive2

#E1DFDD

#11100F

#1aebff

borderActive3

#EDEBE9

#2D2C2C

#1aebff

borderActive4

#8A8886

#666666

#1aebff

foregroundFocus1

#484644

#C8C6C4

#000

foregroundFocus2

#605E5C

#B3B0AD

#000

foregroundFocus3

#fff

#fff

#000

backgroundFocus1

#FAF9F8

#292828

#1aebff

backgroundFocus2

#F3F2F1

#201F1F

#1aebff

backgroundFocus3

#EDEBE9

#3B3A39

#1aebff

borderFocusWithin

#fff

#000

#000

foregroundDisabled1

#c7c7c7

#5c5c5c

#3ff23f

backgroundDisabled1

#f0f0f0

#1f1f1f

#000

backgroundDisabled2

#FAF9F8

#2D2C2C

#3ff23f

backgroundDisabled3

#FAF9F8

#1B1A1A

#3ff23f

background7

#f5f5f5

#1a1a1a

backgroundPressed2

#f5f5f5

#1a1a1a

Scheme - brand

Color name

Light theme

Dark theme

High contrast theme

foreground

#5b5fc7

#9399f5

#fff

background

#5b5fc7

#444791

#fff

border

#e0e0e0

#616161

#fff

shadow

#000

#000

#000

foregroundHover

#5b5fc7

#9399f5

#000

backgroundHover

#444791

#5b5fc7

#1aebff

borderHover

#acb3fa

#5b5fc7

#1aebff

shadowHover

#000

#000

#000

foregroundActive

#5b5fc7

#9399f5

#1aebff

backgroundActive

#5b5fc7

#9399f5

#000

borderActive

#e0e0e0

#616161

#1aebff

shadowActive

foregroundFocus

#5b5fc7

#9399f5

#000

backgroundFocus

#5b5fc7

#9399f5

#1aebff

borderFocus

#000

#fff

#1aebff

shadowFocus

foregroundPressed

#444791

#c5cbfa

#000

backgroundPressed

#3d3e78

#3d3e78

#1aebff

borderPressed

rgba(0,0,0,0.5)

#3d3e78

#1aebff

shadowPressed

foregroundDisabled

#c7c7c7

#5c5c5c

#000

backgroundDisabled

#f0f0f0

#1f1f1f

#3ff23f

borderDisabled

#3d3d3d

#424242

#3ff23f

shadowDisabled

foreground1

#5b5fc7

#9399f5

#ffff01

foreground2

#444791

#9399f5

#ffff01

foreground3

#c5cbfa

#c5cbfa

#ffff01

foreground4

#fff

#fff

#000

foreground5

#fff

#252423

#000

background1

#e8ebfa

#2f2f4a

#000

background2

#383966

#383966

#000

background3

#2f2f4a

#2f2f4a

#000

background4

#3d3e78

#0a0a0a

#000

background5

#dcdffa

#383966

#fff

background6

#5b5fc7

#9499f5

#fff

border1

#acb3fa

#3d3e78

#fff

border2

#c5cbfa

#3d3e78

#fff

foregroundHover1

#fff

#fff

#000

foregroundHover2

#c5cbfa

#c5cbfa

#000

backgroundHover1

#e8ebfa

#383966

#1aebff

backgroundHover2

#dcdffa

#383966

#ffff01

backgroundHover3

#5b5fc7

#242424

#000

foregroundPressed1

#fff

#fff

#000

backgroundPressed1

#dcdffa

#3d3e78

#1aebff

backgroundPressed2

#dcdffa

#3d3e78

#000

foregroundActive1

#5b5fc7

#9399f5

#000

foregroundActive2

#e8ebfa

#e8ebfa

#1aebff

backgroundActive1

#5b5fc7

#9399f5

#1aebff

borderActive1

#e8ebfa

#3d3e78

#1aebff

borderActive2

#acb3fa

#3d3e78

#1aebff

foregroundFocus1

#5b5fc7

#9399f5

#000

foregroundFocus2

#444791

#9399f5

#000

foregroundFocus3

#e8ebfa

#e8ebfa

#000

foregroundFocus4

#fff

#fff

#000

backgroundFocus1

#e8ebfa

#2f2f4a

#1aebff

backgroundFocus2

#383966

#383966

#1aebff

backgroundFocus3

#2f2f4a

#2f2f4a

#1aebff

borderFocusWithin

#fff

#000

#000

borderFocus1

#5b5fc7

#9399f5

#1aebff

foregroundDisabled1

#c7c7c7

#5c5c5c

#3ff23f

backgroundDisabled1

#f0f0f0

#1f1f1f

#000