Colors View Source



All of the colors the Filecoin Client uses.



Imports



Import Constants.


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


Usage



Declare Constants.

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


Output



WHITE
#ffffff
rgba(255, 255, 255, 1)
FOREGROUND
#f8f8f8
rgba(248, 248, 248, 1)
GRAY
#e0e0e0
rgba(224, 224, 224, 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)
BLACK
#1b1f23
rgba(27, 31, 35, 1)
PITCHBLACK
#0c0c0c
rgba(12, 12, 12, 1)
BRAND
#0666bb
rgba(6, 102, 187, 1)
BLUE
#0061BB
rgba(0, 97, 187, 1)
LINK
#2935ff
rgba(41, 53, 255, 1)
GREEN
#28a745
rgba(40, 167, 69, 1)
YELLOW
#FFC940
rgba(255, 201, 64, 1)
RED
#E05435
rgba(224, 84, 53, 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)
ExperiencesCreateFilecoinAddressCreateFilecoinStorageDealCreateTokenFilecoinBalancesListFilecoinDealsListFilecoinSettingsFriendsListPeersListSendAddressFilecoin

Components
Avatar GroupButtonsCard TabsCarouselCheckboxesColorsDatepickerDropdownsGlobeHover TileIconsInputsLine ChartList EditorLoadersModalsNotificationsRadiosSlidersStatsTablesTabsTogglesTooltipsTypography
View source