Violin
Edit page
Getting started
Components
ColorsprimarymiscblackbluepurplecyangreenlimecyanyelloworangeredbrownLocalizationTheming

Colors

theme.palette.<COLOR_NAME>.<VARIATION>

Violin has a pallete color and you can change this palette.

primary

#F6FAFF

primary.50

#DFECFE

primary.100

#C7DFFD

primary.200

#87B9FB

primary.300

#66A6F9

primary.400

#4693F8

primary.500

#3F7BD7

primary.600

#3864B7

primary.700

#324D96

primary.800

#2B3675

primary.900

misc

#FFFFFF

misc.white

#111111

misc.black

black

#FAFBFC

black.50

#E1E5EB

black.100

#BDC7D3

black.200

#A3ABBD

black.300

#8A90A7

black.400

#6F7390

black.500

#59577A

black.600

#443C63

black.700

#322550

black.800

#1F0E3D

black.900

blue

#F6FAFF

blue.50

#DFECFE

blue.100

#C7DFFD

blue.200

#87B9FB

blue.300

#66A6F9

blue.400

#4693F8

blue.500

#3F7BD7

blue.600

#3864B7

blue.700

#324D96

blue.800

#2B3675

blue.900

purple

#FAF4FE

purple.50

#EFD9FD

purple.100

#E1BFF7

purple.200

#CF99F2

purple.300

#BE73ED

purple.400

#B146F3

purple.500

#9B28E3

purple.600

#842FC0

purple.700

#701FA9

purple.800

#44166F

purple.900

cyan

#F2FBFC

cyan.50

#D3F2F5

cyan.100

#B3E9ED

cyan.200

#86DDE2

cyan.300

#59D0D7

cyan.400

#00B7C2

cyan.500

#0599AB

cyan.600

#0B7C93

cyan.700

#105F7C

cyan.800

#164165

cyan.900

green

#F5FFF8

green.50

#DCFFE6

green.100

#C3FED4

green.200

#7CFCA3

green.300

#36FA71

green.400

#33DF6B

green.500

#31C365

green.600

#2EA75F

green.700

#2A7E56

green.800

#26554D

green.900

lime

#FCFEF5

lime.50

#EEFAC2

lime.100

#DBF47A

lime.200

#C7EE33

lime.300

#B4D434

lime.400

#A0BB35

lime.500

#8CA036

lime.600

#798637

lime.700

#656C39

lime.800

#51513A

lime.900

cyan

#F2FBFC

cyan.50

#D3F2F5

cyan.100

#B3E9ED

cyan.200

#86DDE2

cyan.300

#59D0D7

cyan.400

#00B7C2

cyan.500

#0599AB

cyan.600

#0B7C93

cyan.700

#105F7C

cyan.800

#164165

cyan.900

yellow

#FFFAE3

yellow.50

#FEEBAF

yellow.100

#FDDC7C

yellow.200

#FCCE48

yellow.300

#FBBF14

yellow.400

#E7A80D

yellow.500

#D39007

yellow.600

#BF7800

yellow.700

#9F5600

yellow.800

#7F3300

yellow.900

orange

#FFF5EE

orange.50

#FFE2C9

orange.100

#FFCFA5

orange.200

#FFBB80

orange.300

#FFA85B

orange.400

#FF8212

orange.500

#E7680D

orange.600

#CF4E09

orange.700

#B63404

orange.800

#9E1A00

orange.900

red

#FFF6F6

red.50

#FFDFDF

red.100

#FEC8C8

red.200

#FDA9A9

red.300

#FD8989

red.400

#FD6969

red.500

#FC4949

red.600

#D63E47

red.700

#AF3445

red.800

#612041

red.900

brown

#FCF9F5

brown.50

#F3EADB

brown.100

#EBDBC2

brown.200

#D3B17A

brown.300

#C79C56

brown.400

#BB8732

brown.500

#9F7234

brown.600

#845D36

brown.700

#694838

brown.800

#4E323A

brown.900