UNPKG

@finbertmds/fuselage-tokens

Version:

Design tokens for Fuselage, Rocket.Chat's design system

rocketchat.github.io/Rocket.Chat.Fuselage/

RocketChat/fuselage

122 lines • 6.35 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
module.exports = { "buttonLightBackgroundPrimaryDefault": "#156FF5", "buttonLightBackgroundPrimaryHover": "#095AD2", "buttonLightBackgroundPrimaryPress": "#10529E", "buttonLightBackgroundPrimaryFocus": "#156FF5", "buttonLightBackgroundPrimaryKeyfocus": "#156FF5", "buttonLightBackgroundPrimaryDisabled": "#D1EBFE", "buttonLightFontOnPrimary": "#ffffff", "buttonLightFontOnPrimaryDisabled": "#ffffff", "buttonLightBackgroundSecondaryDefault": "#E4E7EA", "buttonLightBackgroundSecondaryHover": "#CBCED1", "buttonLightBackgroundSecondaryPress": "#9EA2A8", "buttonLightBackgroundSecondaryFocus": "#E4E7EA", "buttonLightBackgroundSecondaryKeyfocus": "#E4E7EA", "buttonLightBackgroundSecondaryDisabled": "#EBECEF", "buttonLightFontOnSecondary": "#1F2329", "buttonLightFontOnSecondaryDisabled": "#CBCED1", "buttonLightBackgroundSecondaryDangerDefault": "#E4E7EA", "buttonLightBackgroundSecondaryDangerHover": "#CBCED1", "buttonLightBackgroundSecondaryDangerPress": "#9EA2A8", "buttonLightBackgroundSecondaryDangerFocus": "#E4E7EA", "buttonLightBackgroundSecondaryDangerKeyfocus": "#E4E7EA", "buttonLightBackgroundSecondaryDangerDisabled": "#EBECEF", "buttonLightFontOnSecondaryDanger": "#BB0B21", "buttonLightOnSecondaryDangerDisabled": "#F98F9D", "buttonLightBackgroundDangerDefault": "#EC0D2A", "buttonLightBackgroundDangerHover": "#D40C26", "buttonLightBackgroundDangerPress": "#BB0B21", "buttonLightBackgroundDangerFocus": "#EC0D2A", "buttonLightBackgroundDangerKeyfocus": "#EC0D2A", "buttonLightBackgroundDangerDisabled": "#FFC1C9", "buttonLightFontOnDanger": "#ffffff", "buttonLightFontOnDangerDisabled": "#ffffff", "buttonLightBackgroundSuccessDefault": "#148660", "buttonLightBackgroundSuccessHover": "#106D4F", "buttonLightBackgroundSuccessPress": "#0D5940", "buttonLightBackgroundSuccessFocus": "#148660", "buttonLightBackgroundSuccessKeyfocus": "#148660", "buttonLightBackgroundSuccessDisabled": "#C0F6E4", "buttonLightFontOnSuccess": "#ffffff", "buttonLightFontOnSuccessDisabled": "#ffffff", "buttonHigh-contrastBackgroundPrimaryDefault": "#10529E", "buttonHigh-contrastBackgroundPrimaryHover": "#01336B", "buttonHigh-contrastBackgroundPrimaryPress": "#012247", "buttonHigh-contrastBackgroundPrimaryFocus": "#10529E", "buttonHigh-contrastBackgroundPrimaryKeyfocus": "#10529E", "buttonHigh-contrastBackgroundPrimaryDisabled": "#D1EBFE", "buttonHigh-contrastFontOnPrimary": "#ffffff", "buttonHigh-contrastFontOnPrimaryDisabled": "#ffffff", "buttonHigh-contrastBackgroundSecondaryDefault": "#E4E7EA", "buttonHigh-contrastBackgroundSecondaryHover": "#CBCED1", "buttonHigh-contrastBackgroundSecondaryPress": "#9EA2A8", "buttonHigh-contrastBackgroundSecondaryFocus": "#E4E7EA", "buttonHigh-contrastBackgroundSecondaryKeyfocus": "#E4E7EA", "buttonHigh-contrastBackgroundSecondaryDisabled": "#EBECEF", "buttonHigh-contrastFontOnSecondary": "#1F2329", "buttonHigh-contrastFontOnSecondaryDisabled": "#CBCED1", "buttonHigh-contrastBackgroundSecondaryDangerDefault": "#E4E7EA", "buttonHigh-contrastBackgroundSecondaryDangerHover": "#CBCED1", "buttonHigh-contrastBackgroundSecondaryDangerPress": "#9EA2A8", "buttonHigh-contrastBackgroundSecondaryDangerFocus": "#E4E7EA", "buttonHigh-contrastBackgroundSecondaryDangerKeyfocus": "#E4E7EA", "buttonHigh-contrastBackgroundSecondaryDangerDisabled": "#EBECEF", "buttonHigh-contrastFontOnSecondaryDanger": "#8B0719", "buttonHigh-contrastOnSecondaryDangerDisabled": "#F98F9D", "buttonHigh-contrastBackgroundDangerDefault": "#9B1325", "buttonHigh-contrastBackgroundDangerHover": "#8B0719", "buttonHigh-contrastBackgroundDangerPress": "#8B0719", "buttonHigh-contrastBackgroundDangerFocus": "#9B1325", "buttonHigh-contrastBackgroundDangerKeyfocus": "#9B1325", "buttonHigh-contrastBackgroundDangerDisabled": "#FFC1C9", "buttonHigh-contrastFontOnDanger": "#ffffff", "buttonHigh-contrastFontOnDangerDisabled": "#ffffff", "buttonHigh-contrastBackgroundSuccessDefault": "#2DE0A5", "buttonHigh-contrastBackgroundSuccessHover": "#1ECB92", "buttonHigh-contrastBackgroundSuccessPress": "#19AC7C", "buttonHigh-contrastBackgroundSuccessFocus": "#2DE0A5", "buttonHigh-contrastBackgroundSuccessKeyfocus": "#2DE0A5", "buttonHigh-contrastBackgroundSuccessDisabled": "#C0F6E4", "buttonHigh-contrastFontOnSuccess": "#1F2329", "buttonHigh-contrastFontOnSuccessDisabled": "#ffffff", "buttonDarkBackgroundPrimaryDefault": "#095AD2", "buttonDarkBackgroundPrimaryHover": "#10529E", "buttonDarkBackgroundPrimaryPress": "#01336B", "buttonDarkBackgroundPrimaryFocus": "#095AD2", "buttonDarkBackgroundPrimaryKeyfocus": "#095AD2", "buttonDarkBackgroundPrimaryDisabled": "#012247", "buttonDarkFontOnPrimary": "#FFFFFF", "buttonDarkFontOnPrimaryDisabled": "#6C727A", "buttonDarkBackgroundSecondaryDefault": "#353B45", "buttonDarkBackgroundSecondaryHover": "#404754", "buttonDarkBackgroundSecondaryPress": "#4C5362", "buttonDarkBackgroundSecondaryFocus": "#353B45", "buttonDarkBackgroundSecondaryKeyfocus": "#353B45", "buttonDarkBackgroundSecondaryDisabled": "#353B45", "buttonDarkFontOnSecondary": "#E4E7EA", "buttonDarkFontOnSecondaryDisabled": "#6C727A", "buttonDarkBackgroundSecondaryDangerDefault": "#353B45", "buttonDarkBackgroundSecondaryDangerHover": "#404754", "buttonDarkBackgroundSecondaryDangerPress": "#4C5362", "buttonDarkBackgroundSecondaryDangerFocus": "#353B45", "buttonDarkBackgroundSecondaryDangerKeyfocus": "#353B45", "buttonDarkBackgroundSecondaryDangerDisabled": "#353B45", "buttonDarkFontOnSecondaryDanger": "#FFC1C9", "buttonDarkOnSecondaryDangerDisabled": "#6B0513", "buttonDarkBackgroundDangerDefault": "#BB3E4E", "buttonDarkBackgroundDangerHover": "#95323F", "buttonDarkBackgroundDangerPress": "#822C37", "buttonDarkBackgroundDangerFocus": "#BB3E4E", "buttonDarkBackgroundDangerKeyfocus": "#BB3E4E", "buttonDarkBackgroundDangerDisabled": "#3D2126", "buttonDarkFontOnDanger": "#FFFFFF", "buttonDarkFontOnDangerDisabled": "#757575", "buttonDarkBackgroundSuccessDefault": "#1D7256", "buttonDarkBackgroundSuccessHover": "#175943", "buttonDarkBackgroundSuccessPress": "#134937", "buttonDarkBackgroundSuccessFocus": "#1D7256", "buttonDarkBackgroundSuccessKeyfocus": "#1D7256", "buttonDarkBackgroundSuccessDisabled": "#1E4B40", "buttonDarkFontOnSuccess": "#FFFFFF", "buttonDarkFontOnSuccessDisabled": "#757575" };