Colors View Source



All of the colors the Filecoin Client uses.



Imports



Import Constants.


1
import { Constants } from 'slate-react-system';


Usage



Declare Constants.

1
{Constants.system.white};
2
3
{Constants.system.foreground};
4
5
{Constants.system.gray};
6
7
{Constants.system.border};
8
9
{Constants.system.darkGray};
10
11
{Constants.system.black};
12
13
{Constants.system.pitchBlack};
14
15
{Constants.system.brand};
16
17
{Constants.system.link};
18
19
{Constants.system.green};
20
21
{Constants.system.yellow};
22
23
{Constants.system.red};


Output



FOREGROUND
#f8f8f8
rgba(248, 248, 248, 1)
GRAY
#e5e5e5
rgba(229, 229, 229, 1)
LIGHTBORDER
#ececec
rgba(236, 236, 236, 1)
BORDER
#d8d8d8
rgba(216, 216, 216, 1)
DARKGRAY
#b2b2b2
rgba(178, 178, 178, 1)
GRAYBLACK
#666666
rgba(102, 102, 102, 1)
PITCHBLACK
#0c0c0c
rgba(12, 12, 12, 1)
BRAND
#0666bb
rgba(6, 102, 187, 1)
LINK
#2935ff
rgba(41, 53, 255, 1)
SLATE
#27292e
rgba(39, 41, 46, 1)
MOONSTONE
#807d78
rgba(128, 125, 120, 1)
WALL
#cfced3
rgba(207, 206, 211, 1)
WALLLIGHT
#F1F0F2
rgba(241, 240, 242, 1)
NEWBLUE
#043D96
rgba(4, 61, 150, 1)
NEWGREEN
#377749
rgba(55, 119, 73, 1)
NEWYELLOW
#F2B256
rgba(242, 178, 86, 1)
NEWRED
#BE5234
rgba(190, 82, 52, 1)
SHADOW
rgba(15, 14, 18, 0.03)
rgba(NaN, 186, NaN, 1)
BLUE
#0061BB
rgba(0, 97, 187, 1)
GREEN
#006837
rgba(0, 104, 55, 1)
YELLOW
#FAB413
rgba(250, 180, 19, 1)
RED
#C71313
rgba(199, 19, 19, 1)
BLACK
#0F0E12
rgba(15, 14, 18, 1)
NEWBLACK
#000000
rgba(0, 0, 0, 1)
BGGRAYLIGHT
#F8F8F8
rgba(248, 248, 248, 1)
BGGRAY
#F2F2F2
rgba(242, 242, 242, 1)
BGBLUE
#C0D8EE
rgba(192, 216, 238, 1)
BGGREEN
#C0DACD
rgba(192, 218, 205, 1)
BGYELLOW
#FEEDC4
rgba(254, 237, 196, 1)
BGRED
#F1C4C4
rgba(241, 196, 196, 1)
TEXTGRAY
#878688
rgba(135, 134, 136, 1)
TEXTGRAYLIGHT
#C3C3C4
rgba(195, 195, 196, 1)
TEXTGRAYDARK
#4B4A4D
rgba(75, 74, 77, 1)
TEXTBLACK
#0F0E12
rgba(15, 14, 18, 1)
GRAY80
#4B4A4D
rgba(75, 74, 77, 1)
GRAY70
#868688
rgba(134, 134, 136, 1)
GRAY50
#C3C3C4
rgba(195, 195, 196, 1)
GRAY40
#E5E5E5
rgba(229, 229, 229, 1)
GRAY30
#EBEBEB
rgba(235, 235, 235, 1)
GRAY20
#F2F2F2
rgba(242, 242, 242, 1)
GRAY10
#F8F8F8
rgba(248, 248, 248, 1)
WHITE
#FFFFFF
rgba(255, 255, 255, 1)
BGBLURGRAYBLACK
rgba(15, 14, 18, 0.8)
rgba(NaN, 186, NaN, 1)
BGBLURBLACK
rgba(15, 14, 18, 0.9)
rgba(NaN, 186, NaN, 1)
ACTIVE
#00BB00
rgba(0, 187, 0, 1)
BLURBLACK
#262626
rgba(38, 38, 38, 1)
BGBLURGRAY
#403F42
rgba(64, 63, 66, 1)


Components
Avatar GroupButtonsCard Tabs3D CardCheckboxesColorsDropdownsHover TileIconsInputsList EditorLoadersNotificationsRadiosSlidersStatsTablesTabsTagsTogglesTooltipsTypography
View source