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.31 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": "#6264a7", "accentButtonText": "#fff", "actionLink": "#616161", "actionLinkHovered": "#424242", "blockingBackground": "#FDE7E9", "blockingIcon": "#FDE7E9", "bodyBackground": "#fff", "bodyBackgroundChecked": "#f0f0f0", "bodyBackgroundHovered": "#f5f5f5", "bodyDivider": "#f0f0f0", "bodyFrameBackground": "#fff", "bodyFrameDivider": "#f0f0f0", "bodyStandoutBackground": "#fafafa", "bodySubtext": "#8a8a8a", "bodyText": "#616161", "bodyTextChecked": "#242424", "buttonBackground": "#fff", "buttonBackgroundChecked": "#d1d1d1", "buttonBackgroundCheckedHovered": "#f0f0f0", "buttonBackgroundDisabled": "#f5f5f5", "buttonBackgroundHovered": "#f5f5f5", "buttonBackgroundPressed": "#f0f0f0", "buttonBorder": "#8a8886", "buttonBorderDisabled": "#f5f5f5", "buttonText": "#616161", "buttonTextChecked": "#424242", "buttonTextCheckedHovered": "#242424", "buttonTextDisabled": "#bdbdbd", "buttonTextHovered": "#424242", "buttonTextPressed": "#424242", "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 #bdbdbd", "cardStandoutBackground": "#fff", "defaultStateBackground": "#fafafa", "disabledBackground": "#f5f5f5", "disabledBodySubtext": "#d1d1d1", "disabledBodyText": "#bdbdbd", "disabledBorder": "#d1d1d1", "disabledSubtext": "#ebebeb", "disabledText": "#bdbdbd", "errorBackground": "#FDE7E9", "errorIcon": "#A80000", "errorText": "#a4262c", "focusBorder": "#8a8a8a", "infoBackground": "#f3f2f1", "infoIcon": "#605e5c", "inputBackground": "#fff", "inputBackgroundChecked": "#6264a7", "inputBackgroundCheckedHovered": "#3d3e66", "inputBorder": "#8a8a8a", "inputBorderHovered": "#616161", "inputFocusBorderAlt": "#6264a7", "inputForegroundChecked": "#fff", "inputIcon": "#6264a7", "inputIconDisabled": "#bdbdbd", "inputIconHovered": "#3d3e66", "inputPlaceholderBackgroundChecked": "#e9eaf6", "inputPlaceholderText": "#8a8a8a", "inputText": "#616161", "inputTextHovered": "#424242", "link": "#6264a7", "linkHovered": "#323348", "listBackground": "#fff", "listHeaderBackgroundHovered": "#f5f5f5", "listHeaderBackgroundPressed": "#f0f0f0", "listItemBackgroundChecked": "#f0f0f0", "listItemBackgroundCheckedHovered": "#ebebeb", "listItemBackgroundHovered": "#f5f5f5", "listText": "#616161", "listTextColor": "#323130", "menuBackground": "#fff", "menuDivider": "#d1d1d1", "menuHeader": "#6264a7", "menuIcon": "#6264a7", "menuItemBackgroundChecked": "#f0f0f0", "menuItemBackgroundHovered": "#f5f5f5", "menuItemBackgroundPressed": "#f0f0f0", "menuItemText": "#616161", "menuItemTextHovered": "#424242", "messageLink": "#005A9E", "messageLinkHovered": "#004578", "messageText": "#323130", "primaryButtonBackground": "#6264a7", "primaryButtonBackgroundDisabled": "#f5f5f5", "primaryButtonBackgroundHovered": "#3d3e66", "primaryButtonBackgroundPressed": "#3d3e66", "primaryButtonBorder": "transparent", "primaryButtonText": "#fff", "primaryButtonTextDisabled": "#ebebeb", "primaryButtonTextHovered": "#fff", "primaryButtonTextPressed": "#fff", "severeWarningBackground": "#FED9CC", "severeWarningIcon": "#D83B01", "smallInputBorder": "#8a8a8a", "successBackground": "#DFF6DD", "successIcon": "#107C10", "successText": "#107C10", "variantBorder": "#f0f0f0", "variantBorderHovered": "#bdbdbd", "warningBackground": "#FFF4CE", "warningHighlight": "#ffb900", "warningIcon": "#797775", "warningText": "#323130", "accent": "#6264a7", "black": "#242424", "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": "#424242", "neutralLight": "#f0f0f0", "neutralLighter": "#f5f5f5", "neutralLighterAlt": "#fafafa", "neutralPrimary": "#616161", "neutralPrimaryAlt": "#616161", "neutralQuaternary": "#ebebeb", "neutralQuaternaryAlt": "#ebebeb", "neutralSecondary": "#8a8a8a", "neutralSecondaryAlt": "#8a8886", "neutralTertiary": "#bdbdbd", "neutralTertiaryAlt": "#d1d1d1", "orange": "#d83b01", "orangeLight": "#ea4300", "orangeLighter": "#ff8c00", "purple": "#5c2d91", "purpleDark": "#32145a", "purpleLight": "#b4a0ff", "red": "#e81123", "redDark": "#d74553", "teal": "#008272", "tealDark": "#004b50", "tealLight": "#00b294", "themeDark": "#3d3e66", "themeDarkAlt": "#3d3e66", "themeDarker": "#323348", "themeLight": "#bbbcdd", "themeLighter": "#e9eaf6", "themeLighterAlt": "#e9eaf6", "themePrimary": "#6264a7", "themeSecondary": "#9092c1", "themeTertiary": "#a5a7cf", "white": "#fff", "whiteTranslucent40": "rgba(255,255,255,.4)", "yellow": "#ffb900", "yellowDark": "#d29200", "yellowLight": "#fff100" }