UNPKG

@n8d/htwoo-core

Version:

hTWOo is a Fluent Design Framework purely in HTML and CSS

lab.n8d.studio/htwoo/

n8design/htwoo

155 lines • 5.3 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
{ "accentButtonBackground": "#9ea2ff", "accentButtonText": "#292929", "actionLink": "#fff", "actionLinkHovered": "#d6d6d6", "blockingBackground": "#442726", "blockingIcon": "#442726", "bodyBackground": "#292929", "bodyBackgroundChecked": "#141414", "bodyBackgroundHovered": "#1f1f1f", "bodyDivider": "#141414", "bodyFrameBackground": "#292929", "bodyFrameDivider": "#141414", "bodyStandoutBackground": "#242424", "bodySubtext": "#8a8a8a", "bodyText": "#fff", "bodyTextChecked": "#fff", "buttonBackground": "#292929", "buttonBackgroundChecked": "#5c5c5c", "buttonBackgroundCheckedHovered": "#141414", "buttonBackgroundDisabled": "#1f1f1f", "buttonBackgroundHovered": "#1f1f1f", "buttonBackgroundPressed": "#141414", "buttonBorder": "#8a8886", "buttonBorderDisabled": "#1f1f1f", "buttonText": "#fff", "buttonTextChecked": "#d6d6d6", "buttonTextCheckedHovered": "#fff", "buttonTextDisabled": "#666", "buttonTextHovered": "#d6d6d6", "buttonTextPressed": "#d6d6d6", "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", "cardShadowHovered": "0 0 1px #666", "cardStandoutBackground": "#292929", "defaultStateBackground": "#242424", "disabledBackground": "#1f1f1f", "disabledBodySubtext": "#5c5c5c", "disabledBodyText": "#666", "disabledBorder": "#5c5c5c", "disabledSubtext": "#3d3d3d", "disabledText": "#666", "errorBackground": "#442726", "errorIcon": "#F1707B", "errorText": "#F1707B", "focusBorder": "#8a8a8a", "infoBackground": "#323130", "infoIcon": "#C8C6C4", "inputBackground": "#292929", "inputBackgroundChecked": "#9ea2ff", "inputBackgroundCheckedHovered": "#b2b5ff", "inputBorder": "#8a8a8a", "inputBorderHovered": "#fff", "inputFocusBorderAlt": "#9ea2ff", "inputForegroundChecked": "#292929", "inputIcon": "#9ea2ff", "inputIconDisabled": "#666", "inputIconHovered": "#b2b5ff", "inputPlaceholderBackgroundChecked": "#323348", "inputPlaceholderText": "#8a8a8a", "inputText": "#fff", "inputTextHovered": "#d6d6d6", "link": "#9ea2ff", "linkHovered": "#c7c9ff", "listBackground": "#292929", "listHeaderBackgroundHovered": "#1f1f1f", "listHeaderBackgroundPressed": "#141414", "listItemBackgroundChecked": "#141414", "listItemBackgroundCheckedHovered": "#3d3d3d", "listItemBackgroundHovered": "#1f1f1f", "listText": "#fff", "listTextColor": "#323130", "menuBackground": "#292929", "menuDivider": "#5c5c5c", "menuHeader": "#9ea2ff", "menuIcon": "#9ea2ff", "menuItemBackgroundChecked": "#141414", "menuItemBackgroundHovered": "#1f1f1f", "menuItemBackgroundPressed": "#141414", "menuItemText": "#fff", "menuItemTextHovered": "#d6d6d6", "messageLink": "#6CB8F6", "messageLinkHovered": "#82C7FF", "messageText": "#F3F2F1", "primaryButtonBackground": "#9ea2ff", "primaryButtonBackgroundDisabled": "#1f1f1f", "primaryButtonBackgroundHovered": "#b2b5ff", "primaryButtonBackgroundPressed": "#b2b5ff", "primaryButtonBorder": "transparent", "primaryButtonText": "#292929", "primaryButtonTextDisabled": "#3d3d3d", "primaryButtonTextHovered": "#292929", "primaryButtonTextPressed": "#292929", "severeWarningBackground": "#4F2A0F", "severeWarningIcon": "#FCE100", "smallInputBorder": "#8a8a8a", "successBackground": "#393D1B", "successIcon": "#92C353", "successText": "#92c353", "variantBorder": "#141414", "variantBorderHovered": "#666", "warningBackground": "#433519", "warningHighlight": "#fff100", "warningIcon": "#C8C6C4", "warningText": "#F3F2F1", "accent": "#9ea2ff", "black": "#fff", "blackTranslucent40": "rgba(0,0,0,.4)", "blue": "#0078d4", "blueDark": "#002050", "blueLight": "#00bcf2", "blueMid": "#00188f", "green": "#107c10", "greenDark": "#004b1c", "greenLight": "#bad80a", "magenta": "#b4009e", "magentaDark": "#5c005c", "magentaLight": "#e3008c", "neutralDark": "#d6d6d6", "neutralLight": "#141414", "neutralLighter": "#1f1f1f", "neutralLighterAlt": "#242424", "neutralPrimary": "#fff", "neutralPrimaryAlt": "#adadad", "neutralQuaternary": "#3d3d3d", "neutralQuaternaryAlt": "#3d3d3d", "neutralSecondary": "#8a8a8a", "neutralSecondaryAlt": "#8a8886", "neutralTertiary": "#666", "neutralTertiaryAlt": "#5c5c5c", "orange": "#d83b01", "orangeLight": "#ea4300", "orangeLighter": "#ff8c00", "purple": "#5c2d91", "purpleDark": "#32145a", "purpleLight": "#b4a0ff", "red": "#e81123", "redDark": "#f9526b", "teal": "#008272", "tealDark": "#004b50", "tealLight": "#00b294", "themeDark": "#b2b5ff", "themeDarkAlt": "#b2b5ff", "themeDarker": "#c7c9ff", "themeLight": "#494b83", "themeLighter": "#323348", "themeLighterAlt": "#323348", "themePrimary": "#9ea2ff", "themeSecondary": "#8a8fff", "themeTertiary": "#6264a7", "white": "#292929", "whiteTranslucent40": "rgba(255,255,255,.4)", "yellow": "#ffb900", "yellowDark": "#d29200", "yellowLight": "#fff100" }