@lumaui/tokens 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -5
- package/src/components/badge/badge.dark.json +0 -11
- package/src/components/badge/badge.json +0 -36
- package/src/components/button/button.dark.json +0 -96
- package/src/components/button/button.json +0 -154
- package/src/components/card/card.dark.json +0 -81
- package/src/components/card/card.json +0 -111
- package/src/core/colors.dark.json +0 -154
- package/src/core/colors.json +0 -164
- package/src/core/spacing.json +0 -53
- package/src/core/transitions.json +0 -23
- package/src/core/typography.json +0 -64
- package/src/index.ts +0 -8
- package/src/luma-dark.css +0 -34
- package/src/luma.css +0 -273
- package/src/themes/dark.tokens.css +0 -55
- package/src/themes/light.tokens.css +0 -55
package/package.json
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lumaui/tokens",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Design tokens for Luma UI - Neo-Minimal design system",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"main": "
|
|
7
|
-
"types": "src/index.ts",
|
|
6
|
+
"main": "./build/luma.css",
|
|
8
7
|
"exports": {
|
|
9
|
-
".": "./
|
|
8
|
+
".": "./build/luma.css",
|
|
10
9
|
"./styles.css": "./build/luma.css",
|
|
10
|
+
"./dark.css": "./build/luma-dark.css",
|
|
11
11
|
"./styles/dark.css": "./build/luma-dark.css"
|
|
12
12
|
},
|
|
13
13
|
"files": [
|
|
14
14
|
"build/",
|
|
15
|
-
"src/",
|
|
16
15
|
"README.md"
|
|
17
16
|
],
|
|
18
17
|
"scripts": {
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"badge": {
|
|
4
|
-
"color": {
|
|
5
|
-
"value": "{luma.color.primary.50}",
|
|
6
|
-
"type": "color",
|
|
7
|
-
"description": "Badge text color"
|
|
8
|
-
},
|
|
9
|
-
"bg": {
|
|
10
|
-
"value": "oklch(0.54 0.1 230 / 0.1)",
|
|
11
|
-
"type": "color",
|
|
12
|
-
"description": "Badge background color"
|
|
13
|
-
},
|
|
14
|
-
"padding-x": {
|
|
15
|
-
"value": "0.625rem",
|
|
16
|
-
"type": "dimension",
|
|
17
|
-
"description": "Badge horizontal padding"
|
|
18
|
-
},
|
|
19
|
-
"padding-y": {
|
|
20
|
-
"value": "0.25rem",
|
|
21
|
-
"type": "dimension",
|
|
22
|
-
"description": "Badge vertical padding"
|
|
23
|
-
},
|
|
24
|
-
"font-size": {
|
|
25
|
-
"value": "{luma.text.sm}",
|
|
26
|
-
"type": "dimension",
|
|
27
|
-
"description": "Badge font size"
|
|
28
|
-
},
|
|
29
|
-
"font-weight": {
|
|
30
|
-
"value": "{luma.font.weight.medium}",
|
|
31
|
-
"type": "fontWeight",
|
|
32
|
-
"description": "Badge font weight"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"button": {
|
|
4
|
-
"primary": {
|
|
5
|
-
"bg": {
|
|
6
|
-
"value": "{luma.color.primary.50}",
|
|
7
|
-
"type": "color",
|
|
8
|
-
"description": "Primary button background (dark theme)"
|
|
9
|
-
},
|
|
10
|
-
"bg-hover": {
|
|
11
|
-
"value": "{luma.color.primary.70}",
|
|
12
|
-
"type": "color",
|
|
13
|
-
"description": "Primary button hover background (dark theme)"
|
|
14
|
-
},
|
|
15
|
-
"bg-active": {
|
|
16
|
-
"value": "{luma.color.primary.80}",
|
|
17
|
-
"type": "color",
|
|
18
|
-
"description": "Primary button active background (dark theme)"
|
|
19
|
-
},
|
|
20
|
-
"text": {
|
|
21
|
-
"value": "oklch(0.1 0 0)",
|
|
22
|
-
"type": "color",
|
|
23
|
-
"description": "Primary button text color (dark theme) - dark text on light bg"
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"outline": {
|
|
27
|
-
"border": {
|
|
28
|
-
"value": "{luma.color.neutral.60}",
|
|
29
|
-
"type": "color",
|
|
30
|
-
"description": "Outline button border color (dark theme)"
|
|
31
|
-
},
|
|
32
|
-
"border-hover": {
|
|
33
|
-
"value": "{luma.color.neutral.90}",
|
|
34
|
-
"type": "color",
|
|
35
|
-
"description": "Outline button hover border color (dark theme)"
|
|
36
|
-
},
|
|
37
|
-
"bg-hover": {
|
|
38
|
-
"value": "{luma.color.neutral.50}",
|
|
39
|
-
"type": "color",
|
|
40
|
-
"description": "Outline button hover background (dark theme)"
|
|
41
|
-
},
|
|
42
|
-
"text": {
|
|
43
|
-
"value": "{luma.color.text.primary}",
|
|
44
|
-
"type": "color",
|
|
45
|
-
"description": "Outline button text color (dark theme)"
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
"ghost": {
|
|
49
|
-
"bg": {
|
|
50
|
-
"value": "transparent",
|
|
51
|
-
"type": "color",
|
|
52
|
-
"description": "Ghost button background (dark theme)"
|
|
53
|
-
},
|
|
54
|
-
"bg-hover": {
|
|
55
|
-
"value": "{luma.color.neutral.50}",
|
|
56
|
-
"type": "color",
|
|
57
|
-
"description": "Ghost button hover background (dark theme)"
|
|
58
|
-
},
|
|
59
|
-
"text": {
|
|
60
|
-
"value": "{luma.color.text.primary}",
|
|
61
|
-
"type": "color",
|
|
62
|
-
"description": "Ghost button text color (dark theme)"
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
"danger": {
|
|
66
|
-
"bg": {
|
|
67
|
-
"value": "{luma.color.error.50}",
|
|
68
|
-
"type": "color",
|
|
69
|
-
"description": "Danger button background (dark theme)"
|
|
70
|
-
},
|
|
71
|
-
"bg-hover": {
|
|
72
|
-
"value": "{luma.color.error.70}",
|
|
73
|
-
"type": "color",
|
|
74
|
-
"description": "Danger button hover background (dark theme)"
|
|
75
|
-
},
|
|
76
|
-
"bg-active": {
|
|
77
|
-
"value": "{luma.color.error.80}",
|
|
78
|
-
"type": "color",
|
|
79
|
-
"description": "Danger button active background (dark theme)"
|
|
80
|
-
},
|
|
81
|
-
"text": {
|
|
82
|
-
"value": "oklch(0.1 0 0)",
|
|
83
|
-
"type": "color",
|
|
84
|
-
"description": "Danger button text color (dark theme) - dark text on light bg"
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
"focus": {
|
|
88
|
-
"ring-color": {
|
|
89
|
-
"value": "{luma.focus.ring.color}",
|
|
90
|
-
"type": "color",
|
|
91
|
-
"description": "Button focus ring color (dark theme) - references global focus token"
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"button": {
|
|
4
|
-
"primary": {
|
|
5
|
-
"bg": {
|
|
6
|
-
"value": "{luma.color.primary.50}",
|
|
7
|
-
"type": "color",
|
|
8
|
-
"description": "Primary button background"
|
|
9
|
-
},
|
|
10
|
-
"bg-hover": {
|
|
11
|
-
"value": "{luma.color.primary.70}",
|
|
12
|
-
"type": "color",
|
|
13
|
-
"description": "Primary button hover background"
|
|
14
|
-
},
|
|
15
|
-
"bg-active": {
|
|
16
|
-
"value": "{luma.color.primary.80}",
|
|
17
|
-
"type": "color",
|
|
18
|
-
"description": "Primary button active background"
|
|
19
|
-
},
|
|
20
|
-
"text": {
|
|
21
|
-
"value": "oklch(1 0 0)",
|
|
22
|
-
"type": "color",
|
|
23
|
-
"description": "Primary button text color"
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"outline": {
|
|
27
|
-
"border": {
|
|
28
|
-
"value": "{luma.color.neutral.60}",
|
|
29
|
-
"type": "color",
|
|
30
|
-
"description": "Outline button border color"
|
|
31
|
-
},
|
|
32
|
-
"border-hover": {
|
|
33
|
-
"value": "{luma.color.neutral.90}",
|
|
34
|
-
"type": "color",
|
|
35
|
-
"description": "Outline button hover border color"
|
|
36
|
-
},
|
|
37
|
-
"bg-hover": {
|
|
38
|
-
"value": "{luma.color.neutral.50}",
|
|
39
|
-
"type": "color",
|
|
40
|
-
"description": "Outline button hover background"
|
|
41
|
-
},
|
|
42
|
-
"text": {
|
|
43
|
-
"value": "{luma.color.text.primary}",
|
|
44
|
-
"type": "color",
|
|
45
|
-
"description": "Outline button text color"
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
"ghost": {
|
|
49
|
-
"bg": {
|
|
50
|
-
"value": "transparent",
|
|
51
|
-
"type": "color",
|
|
52
|
-
"description": "Ghost button background"
|
|
53
|
-
},
|
|
54
|
-
"bg-hover": {
|
|
55
|
-
"value": "{luma.color.neutral.50}",
|
|
56
|
-
"type": "color",
|
|
57
|
-
"description": "Ghost button hover background"
|
|
58
|
-
},
|
|
59
|
-
"text": {
|
|
60
|
-
"value": "{luma.color.text.primary}",
|
|
61
|
-
"type": "color",
|
|
62
|
-
"description": "Ghost button text color"
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
"danger": {
|
|
66
|
-
"bg": {
|
|
67
|
-
"value": "{luma.color.error.50}",
|
|
68
|
-
"type": "color",
|
|
69
|
-
"description": "Danger button background"
|
|
70
|
-
},
|
|
71
|
-
"bg-hover": {
|
|
72
|
-
"value": "{luma.color.error.70}",
|
|
73
|
-
"type": "color",
|
|
74
|
-
"description": "Danger button hover background"
|
|
75
|
-
},
|
|
76
|
-
"bg-active": {
|
|
77
|
-
"value": "{luma.color.error.80}",
|
|
78
|
-
"type": "color",
|
|
79
|
-
"description": "Danger button active background"
|
|
80
|
-
},
|
|
81
|
-
"text": {
|
|
82
|
-
"value": "oklch(1 0 0)",
|
|
83
|
-
"type": "color",
|
|
84
|
-
"description": "Danger button text color"
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
"padding": {
|
|
88
|
-
"x": {
|
|
89
|
-
"sm": {
|
|
90
|
-
"value": "1rem",
|
|
91
|
-
"type": "dimension",
|
|
92
|
-
"description": "Small button horizontal padding"
|
|
93
|
-
},
|
|
94
|
-
"md": {
|
|
95
|
-
"value": "1.5rem",
|
|
96
|
-
"type": "dimension",
|
|
97
|
-
"description": "Medium button horizontal padding"
|
|
98
|
-
},
|
|
99
|
-
"lg": {
|
|
100
|
-
"value": "2rem",
|
|
101
|
-
"type": "dimension",
|
|
102
|
-
"description": "Large button horizontal padding"
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
"y": {
|
|
106
|
-
"sm": {
|
|
107
|
-
"value": "0.5rem",
|
|
108
|
-
"type": "dimension",
|
|
109
|
-
"description": "Small button vertical padding"
|
|
110
|
-
},
|
|
111
|
-
"md": {
|
|
112
|
-
"value": "0.75rem",
|
|
113
|
-
"type": "dimension",
|
|
114
|
-
"description": "Medium button vertical padding"
|
|
115
|
-
},
|
|
116
|
-
"lg": {
|
|
117
|
-
"value": "1rem",
|
|
118
|
-
"type": "dimension",
|
|
119
|
-
"description": "Large button vertical padding"
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
"radius": {
|
|
124
|
-
"value": "{luma.radius.md}",
|
|
125
|
-
"type": "dimension",
|
|
126
|
-
"description": "Button border radius"
|
|
127
|
-
},
|
|
128
|
-
"transition": {
|
|
129
|
-
"duration": {
|
|
130
|
-
"value": "{luma.duration.base}",
|
|
131
|
-
"type": "duration",
|
|
132
|
-
"description": "Button transition duration"
|
|
133
|
-
},
|
|
134
|
-
"timing": {
|
|
135
|
-
"value": "ease-out",
|
|
136
|
-
"type": "string",
|
|
137
|
-
"description": "Button transition timing function"
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
"focus": {
|
|
141
|
-
"ring-width": {
|
|
142
|
-
"value": "{luma.focus.ring.width}",
|
|
143
|
-
"type": "dimension",
|
|
144
|
-
"description": "Button focus ring width - references global focus token"
|
|
145
|
-
},
|
|
146
|
-
"ring-color": {
|
|
147
|
-
"value": "{luma.focus.ring.color}",
|
|
148
|
-
"type": "color",
|
|
149
|
-
"description": "Button focus ring color - references global focus token"
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"card": {
|
|
4
|
-
"shadow": {
|
|
5
|
-
"background": {
|
|
6
|
-
"value": "oklch(0.18 0.005 265)",
|
|
7
|
-
"type": "color",
|
|
8
|
-
"description": "Shadow card background (dark theme)"
|
|
9
|
-
},
|
|
10
|
-
"border": {
|
|
11
|
-
"value": "{luma.color.neutral.60}",
|
|
12
|
-
"type": "color",
|
|
13
|
-
"description": "Shadow card border (dark theme)"
|
|
14
|
-
},
|
|
15
|
-
"shadow": {
|
|
16
|
-
"value": "0 8px 24px oklch(0 0 0 / 0.25)",
|
|
17
|
-
"type": "shadow",
|
|
18
|
-
"description": "Shadow card elevation (dark theme) - stronger for dark bg"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"nested": {
|
|
22
|
-
"background": {
|
|
23
|
-
"value": "{luma.color.neutral.50}",
|
|
24
|
-
"type": "color",
|
|
25
|
-
"description": "Nested card background (dark theme)"
|
|
26
|
-
},
|
|
27
|
-
"border": {
|
|
28
|
-
"value": "{luma.color.neutral.60}",
|
|
29
|
-
"type": "color",
|
|
30
|
-
"description": "Nested card border (dark theme)"
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
"preview": {
|
|
34
|
-
"background": {
|
|
35
|
-
"value": "{luma.color.neutral.50}",
|
|
36
|
-
"type": "color",
|
|
37
|
-
"description": "Preview container background (dark theme)"
|
|
38
|
-
},
|
|
39
|
-
"border": {
|
|
40
|
-
"value": "{luma.color.neutral.60}",
|
|
41
|
-
"type": "color",
|
|
42
|
-
"description": "Preview container border (dark theme)"
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
"gradient": {
|
|
46
|
-
"from": {
|
|
47
|
-
"value": "oklch(0.25 0.01 265 / 0.6)",
|
|
48
|
-
"type": "color",
|
|
49
|
-
"description": "Card gradient start color (dark theme legacy)"
|
|
50
|
-
},
|
|
51
|
-
"to": {
|
|
52
|
-
"value": "oklch(0.2 0.008 265 / 0.6)",
|
|
53
|
-
"type": "color",
|
|
54
|
-
"description": "Card gradient end color (dark theme legacy)"
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
"background": {
|
|
58
|
-
"value": "oklch(0.17 0.005 265)",
|
|
59
|
-
"type": "color",
|
|
60
|
-
"description": "Legacy card background (dark theme)"
|
|
61
|
-
},
|
|
62
|
-
"box-shadow": {
|
|
63
|
-
"value": "0px 2px 0 0px oklch(0 0 0 / 0.3)",
|
|
64
|
-
"type": "shadow",
|
|
65
|
-
"description": "Legacy card shadow (dark theme)"
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
"code": {
|
|
69
|
-
"background": {
|
|
70
|
-
"value": "oklch(0.08 0.005 265)",
|
|
71
|
-
"type": "color",
|
|
72
|
-
"description": "Code block background (dark theme) - even darker"
|
|
73
|
-
},
|
|
74
|
-
"border": {
|
|
75
|
-
"value": "oklch(0.20 0.008 265)",
|
|
76
|
-
"type": "color",
|
|
77
|
-
"description": "Code block border (dark theme)"
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"card": {
|
|
4
|
-
"shadow": {
|
|
5
|
-
"background": {
|
|
6
|
-
"value": "oklch(1 0 0)",
|
|
7
|
-
"type": "color",
|
|
8
|
-
"description": "Shadow card background - white surface"
|
|
9
|
-
},
|
|
10
|
-
"border": {
|
|
11
|
-
"value": "{luma.color.neutral.60}",
|
|
12
|
-
"type": "color",
|
|
13
|
-
"description": "Shadow card border - subtle separator"
|
|
14
|
-
},
|
|
15
|
-
"shadow": {
|
|
16
|
-
"value": "0 8px 24px oklch(0.22 0.01 265 / 0.06)",
|
|
17
|
-
"type": "shadow",
|
|
18
|
-
"description": "Shadow card elevation - soft shadow with neutral-100 at 6% alpha"
|
|
19
|
-
},
|
|
20
|
-
"radius": {
|
|
21
|
-
"value": "16px",
|
|
22
|
-
"type": "dimension",
|
|
23
|
-
"description": "Shadow card border radius - generous for Neo-Minimal feel"
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"nested": {
|
|
27
|
-
"background": {
|
|
28
|
-
"value": "{luma.color.neutral.50}",
|
|
29
|
-
"type": "color",
|
|
30
|
-
"description": "Nested card background - subtle surface differentiation"
|
|
31
|
-
},
|
|
32
|
-
"border": {
|
|
33
|
-
"value": "{luma.color.neutral.50}",
|
|
34
|
-
"type": "color",
|
|
35
|
-
"description": "Nested card border"
|
|
36
|
-
},
|
|
37
|
-
"radius": {
|
|
38
|
-
"value": "12px",
|
|
39
|
-
"type": "dimension",
|
|
40
|
-
"description": "Nested card border radius - slightly smaller than product"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
"preview": {
|
|
44
|
-
"background": {
|
|
45
|
-
"value": "{luma.color.neutral.50}",
|
|
46
|
-
"type": "color",
|
|
47
|
-
"description": "Preview container background - for documentation examples"
|
|
48
|
-
},
|
|
49
|
-
"border": {
|
|
50
|
-
"value": "{luma.color.neutral.60}",
|
|
51
|
-
"type": "color",
|
|
52
|
-
"description": "Preview container border"
|
|
53
|
-
},
|
|
54
|
-
"radius": {
|
|
55
|
-
"value": "12px",
|
|
56
|
-
"type": "dimension",
|
|
57
|
-
"description": "Preview container border radius"
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
"gradient": {
|
|
61
|
-
"from": {
|
|
62
|
-
"value": "oklch(0.92 0.005 0 / 0.6)",
|
|
63
|
-
"type": "color",
|
|
64
|
-
"description": "Card gradient start color (legacy)"
|
|
65
|
-
},
|
|
66
|
-
"to": {
|
|
67
|
-
"value": "oklch(0.96 0.003 0 / 0.6)",
|
|
68
|
-
"type": "color",
|
|
69
|
-
"description": "Card gradient end color (legacy)"
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
"background": {
|
|
73
|
-
"value": "oklch(1 0 0)",
|
|
74
|
-
"type": "color",
|
|
75
|
-
"description": "Legacy card background - use product variant instead"
|
|
76
|
-
},
|
|
77
|
-
"padding": {
|
|
78
|
-
"value": "1.5rem",
|
|
79
|
-
"type": "dimension",
|
|
80
|
-
"description": "Default card padding"
|
|
81
|
-
},
|
|
82
|
-
"box-shadow": {
|
|
83
|
-
"value": "0px 2px 0 0px #e4e4e4",
|
|
84
|
-
"type": "shadow",
|
|
85
|
-
"description": "Legacy card shadow - use product.shadow instead"
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
"code": {
|
|
89
|
-
"background": {
|
|
90
|
-
"value": "oklch(0.12 0.005 265)",
|
|
91
|
-
"type": "color",
|
|
92
|
-
"description": "Code block background - dark editor style"
|
|
93
|
-
},
|
|
94
|
-
"text": {
|
|
95
|
-
"value": "oklch(0.9 0 0)",
|
|
96
|
-
"type": "color",
|
|
97
|
-
"description": "Code block text color"
|
|
98
|
-
},
|
|
99
|
-
"border": {
|
|
100
|
-
"value": "oklch(0.25 0.008 265)",
|
|
101
|
-
"type": "color",
|
|
102
|
-
"description": "Code block border"
|
|
103
|
-
},
|
|
104
|
-
"radius": {
|
|
105
|
-
"value": "8px",
|
|
106
|
-
"type": "dimension",
|
|
107
|
-
"description": "Code block border radius"
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"color": {
|
|
4
|
-
"primary": {
|
|
5
|
-
"50": {
|
|
6
|
-
"value": "oklch(0.70 0.14 232.13)",
|
|
7
|
-
"type": "color",
|
|
8
|
-
"description": "Primary default (dark theme) - lighter for dark bg contrast"
|
|
9
|
-
},
|
|
10
|
-
"60": {
|
|
11
|
-
"value": "oklch(0.64 0.13 232.13)",
|
|
12
|
-
"type": "color",
|
|
13
|
-
"description": "Primary strong (dark theme)"
|
|
14
|
-
},
|
|
15
|
-
"70": {
|
|
16
|
-
"value": "oklch(0.58 0.12 232.13)",
|
|
17
|
-
"type": "color",
|
|
18
|
-
"description": "Primary hover (dark theme)"
|
|
19
|
-
},
|
|
20
|
-
"80": {
|
|
21
|
-
"value": "oklch(0.52 0.11 232.13)",
|
|
22
|
-
"type": "color",
|
|
23
|
-
"description": "Primary active (dark theme)"
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"neutral": {
|
|
27
|
-
"50": {
|
|
28
|
-
"value": "oklch(0.20 0.005 265)",
|
|
29
|
-
"type": "color",
|
|
30
|
-
"description": "Neutral darkest (inverted for dark theme) - nested surfaces"
|
|
31
|
-
},
|
|
32
|
-
"60": {
|
|
33
|
-
"value": "oklch(0.25 0.008 265)",
|
|
34
|
-
"type": "color",
|
|
35
|
-
"description": "Neutral dark - borders in dark theme"
|
|
36
|
-
},
|
|
37
|
-
"70": {
|
|
38
|
-
"value": "oklch(0.30 0.01 265)",
|
|
39
|
-
"type": "color",
|
|
40
|
-
"description": "Neutral medium-dark"
|
|
41
|
-
},
|
|
42
|
-
"80": {
|
|
43
|
-
"value": "oklch(0.70 0.01 265)",
|
|
44
|
-
"type": "color",
|
|
45
|
-
"description": "Neutral medium - secondary text in dark theme (WCAG AA compliant)"
|
|
46
|
-
},
|
|
47
|
-
"90": {
|
|
48
|
-
"value": "oklch(0.70 0.01 265)",
|
|
49
|
-
"type": "color",
|
|
50
|
-
"description": "Neutral light"
|
|
51
|
-
},
|
|
52
|
-
"100": {
|
|
53
|
-
"value": "oklch(0.90 0.01 265)",
|
|
54
|
-
"type": "color",
|
|
55
|
-
"description": "Neutral lightest - primary text in dark theme"
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
"success": {
|
|
59
|
-
"50": {
|
|
60
|
-
"value": "oklch(0.80 0.10 150)",
|
|
61
|
-
"type": "color",
|
|
62
|
-
"description": "Success default (dark theme)"
|
|
63
|
-
},
|
|
64
|
-
"60": {
|
|
65
|
-
"value": "oklch(0.72 0.09 150)",
|
|
66
|
-
"type": "color",
|
|
67
|
-
"description": "Success strong (dark theme)"
|
|
68
|
-
},
|
|
69
|
-
"70": {
|
|
70
|
-
"value": "oklch(0.65 0.08 150)",
|
|
71
|
-
"type": "color",
|
|
72
|
-
"description": "Success hover (dark theme)"
|
|
73
|
-
},
|
|
74
|
-
"80": {
|
|
75
|
-
"value": "oklch(0.58 0.07 150)",
|
|
76
|
-
"type": "color",
|
|
77
|
-
"description": "Success active (dark theme)"
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"warning": {
|
|
81
|
-
"50": {
|
|
82
|
-
"value": "oklch(0.85 0.12 85)",
|
|
83
|
-
"type": "color",
|
|
84
|
-
"description": "Warning default (dark theme)"
|
|
85
|
-
},
|
|
86
|
-
"60": {
|
|
87
|
-
"value": "oklch(0.78 0.11 85)",
|
|
88
|
-
"type": "color",
|
|
89
|
-
"description": "Warning strong (dark theme)"
|
|
90
|
-
},
|
|
91
|
-
"70": {
|
|
92
|
-
"value": "oklch(0.72 0.10 85)",
|
|
93
|
-
"type": "color",
|
|
94
|
-
"description": "Warning hover (dark theme)"
|
|
95
|
-
},
|
|
96
|
-
"80": {
|
|
97
|
-
"value": "oklch(0.65 0.09 85)",
|
|
98
|
-
"type": "color",
|
|
99
|
-
"description": "Warning active (dark theme)"
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
"error": {
|
|
103
|
-
"50": {
|
|
104
|
-
"value": "oklch(0.70 0.13 25)",
|
|
105
|
-
"type": "color",
|
|
106
|
-
"description": "Error default (dark theme)"
|
|
107
|
-
},
|
|
108
|
-
"60": {
|
|
109
|
-
"value": "oklch(0.62 0.12 25)",
|
|
110
|
-
"type": "color",
|
|
111
|
-
"description": "Error strong (dark theme)"
|
|
112
|
-
},
|
|
113
|
-
"70": {
|
|
114
|
-
"value": "oklch(0.56 0.11 25)",
|
|
115
|
-
"type": "color",
|
|
116
|
-
"description": "Error hover (dark theme)"
|
|
117
|
-
},
|
|
118
|
-
"80": {
|
|
119
|
-
"value": "oklch(0.50 0.10 25)",
|
|
120
|
-
"type": "color",
|
|
121
|
-
"description": "Error active (dark theme)"
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
"surface": {
|
|
125
|
-
"base": {
|
|
126
|
-
"value": "oklch(0.15 0.005 265)",
|
|
127
|
-
"type": "color",
|
|
128
|
-
"description": "Base surface background (dark theme)"
|
|
129
|
-
}
|
|
130
|
-
},
|
|
131
|
-
"text": {
|
|
132
|
-
"primary": {
|
|
133
|
-
"value": "{luma.color.neutral.100}",
|
|
134
|
-
"type": "color",
|
|
135
|
-
"description": "Primary text color (dark theme) - references inverted scale"
|
|
136
|
-
},
|
|
137
|
-
"secondary": {
|
|
138
|
-
"value": "{luma.color.neutral.80}",
|
|
139
|
-
"type": "color",
|
|
140
|
-
"description": "Secondary text color (dark theme)"
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
"focus": {
|
|
145
|
-
"ring": {
|
|
146
|
-
"color": {
|
|
147
|
-
"value": "oklch(0.70 0.14 232.13 / 0.45)",
|
|
148
|
-
"type": "color",
|
|
149
|
-
"description": "Global focus ring color (dark theme) - brighter for dark bg"
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
}
|