@lumaui/tokens 0.1.0 → 0.1.2
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/build/luma-classes.js +75 -0
- package/build/luma-complete.css +21 -0
- package/package.json +8 -7
- 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
|
@@ -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
|
-
}
|
package/src/core/colors.json
DELETED
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"color": {
|
|
4
|
-
"primary": {
|
|
5
|
-
"50": {
|
|
6
|
-
"value": "oklch(0.63 0.14 232.13)",
|
|
7
|
-
"type": "color",
|
|
8
|
-
"description": "Primary default - main brand color for buttons, links, actions"
|
|
9
|
-
},
|
|
10
|
-
"60": {
|
|
11
|
-
"value": "oklch(0.56 0.13 232.13)",
|
|
12
|
-
"type": "color",
|
|
13
|
-
"description": "Primary strong - emphasized elements"
|
|
14
|
-
},
|
|
15
|
-
"70": {
|
|
16
|
-
"value": "oklch(0.49 0.12 232.13)",
|
|
17
|
-
"type": "color",
|
|
18
|
-
"description": "Primary hover - hover state for primary elements"
|
|
19
|
-
},
|
|
20
|
-
"80": {
|
|
21
|
-
"value": "oklch(0.43 0.11 232.13)",
|
|
22
|
-
"type": "color",
|
|
23
|
-
"description": "Primary active - pressed/active state"
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"neutral": {
|
|
27
|
-
"50": {
|
|
28
|
-
"value": "oklch(0.99 0 0)",
|
|
29
|
-
"type": "color",
|
|
30
|
-
"description": "Neutral lightest - nested card backgrounds, subtle surfaces"
|
|
31
|
-
},
|
|
32
|
-
"60": {
|
|
33
|
-
"value": "oklch(0.92 0.008 265)",
|
|
34
|
-
"type": "color",
|
|
35
|
-
"description": "Neutral light - borders, dividers"
|
|
36
|
-
},
|
|
37
|
-
"70": {
|
|
38
|
-
"value": "oklch(0.85 0.01 265)",
|
|
39
|
-
"type": "color",
|
|
40
|
-
"description": "Neutral medium - disabled text, placeholders"
|
|
41
|
-
},
|
|
42
|
-
"80": {
|
|
43
|
-
"value": "oklch(0.45 0.01 265)",
|
|
44
|
-
"type": "color",
|
|
45
|
-
"description": "Neutral dark - secondary text (WCAG AA compliant)"
|
|
46
|
-
},
|
|
47
|
-
"90": {
|
|
48
|
-
"value": "oklch(0.45 0.01 265)",
|
|
49
|
-
"type": "color",
|
|
50
|
-
"description": "Neutral darker - emphasized secondary text"
|
|
51
|
-
},
|
|
52
|
-
"100": {
|
|
53
|
-
"value": "oklch(0.22 0.01 265)",
|
|
54
|
-
"type": "color",
|
|
55
|
-
"description": "Neutral darkest - primary text, shadows"
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
"success": {
|
|
59
|
-
"50": {
|
|
60
|
-
"value": "oklch(0.72 0.08 150)",
|
|
61
|
-
"type": "color",
|
|
62
|
-
"description": "Success default - positive feedback, confirmations"
|
|
63
|
-
},
|
|
64
|
-
"60": {
|
|
65
|
-
"value": "oklch(0.65 0.07 150)",
|
|
66
|
-
"type": "color",
|
|
67
|
-
"description": "Success strong"
|
|
68
|
-
},
|
|
69
|
-
"70": {
|
|
70
|
-
"value": "oklch(0.58 0.06 150)",
|
|
71
|
-
"type": "color",
|
|
72
|
-
"description": "Success hover"
|
|
73
|
-
},
|
|
74
|
-
"80": {
|
|
75
|
-
"value": "oklch(0.52 0.05 150)",
|
|
76
|
-
"type": "color",
|
|
77
|
-
"description": "Success active"
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"warning": {
|
|
81
|
-
"50": {
|
|
82
|
-
"value": "oklch(0.78 0.10 85)",
|
|
83
|
-
"type": "color",
|
|
84
|
-
"description": "Warning default - caution states, alerts"
|
|
85
|
-
},
|
|
86
|
-
"60": {
|
|
87
|
-
"value": "oklch(0.72 0.09 85)",
|
|
88
|
-
"type": "color",
|
|
89
|
-
"description": "Warning strong"
|
|
90
|
-
},
|
|
91
|
-
"70": {
|
|
92
|
-
"value": "oklch(0.65 0.08 85)",
|
|
93
|
-
"type": "color",
|
|
94
|
-
"description": "Warning hover"
|
|
95
|
-
},
|
|
96
|
-
"80": {
|
|
97
|
-
"value": "oklch(0.58 0.07 85)",
|
|
98
|
-
"type": "color",
|
|
99
|
-
"description": "Warning active"
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
"error": {
|
|
103
|
-
"50": {
|
|
104
|
-
"value": "oklch(0.62 0.11 25)",
|
|
105
|
-
"type": "color",
|
|
106
|
-
"description": "Error default - destructive actions, errors"
|
|
107
|
-
},
|
|
108
|
-
"60": {
|
|
109
|
-
"value": "oklch(0.56 0.10 25)",
|
|
110
|
-
"type": "color",
|
|
111
|
-
"description": "Error strong"
|
|
112
|
-
},
|
|
113
|
-
"70": {
|
|
114
|
-
"value": "oklch(0.50 0.09 25)",
|
|
115
|
-
"type": "color",
|
|
116
|
-
"description": "Error hover"
|
|
117
|
-
},
|
|
118
|
-
"80": {
|
|
119
|
-
"value": "oklch(0.44 0.08 25)",
|
|
120
|
-
"type": "color",
|
|
121
|
-
"description": "Error active"
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
"surface": {
|
|
125
|
-
"base": {
|
|
126
|
-
"value": "oklch(1 0 0)",
|
|
127
|
-
"type": "color",
|
|
128
|
-
"description": "Base surface background color (pure white avoided per Neo-Minimal)"
|
|
129
|
-
}
|
|
130
|
-
},
|
|
131
|
-
"text": {
|
|
132
|
-
"primary": {
|
|
133
|
-
"value": "{luma.color.neutral.100}",
|
|
134
|
-
"type": "color",
|
|
135
|
-
"description": "Primary text color - main body text"
|
|
136
|
-
},
|
|
137
|
-
"secondary": {
|
|
138
|
-
"value": "{luma.color.neutral.80}",
|
|
139
|
-
"type": "color",
|
|
140
|
-
"description": "Secondary text color - supporting text"
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
"focus": {
|
|
145
|
-
"ring": {
|
|
146
|
-
"color": {
|
|
147
|
-
"value": "oklch(0.63 0.14 232.13 / 0.45)",
|
|
148
|
-
"type": "color",
|
|
149
|
-
"description": "Global focus ring color - accessible, visible in both themes"
|
|
150
|
-
},
|
|
151
|
-
"width": {
|
|
152
|
-
"value": "2px",
|
|
153
|
-
"type": "dimension",
|
|
154
|
-
"description": "Focus ring width - WCAG 2.4.7 minimum"
|
|
155
|
-
},
|
|
156
|
-
"offset": {
|
|
157
|
-
"value": "2px",
|
|
158
|
-
"type": "dimension",
|
|
159
|
-
"description": "Focus ring offset from element"
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
package/src/core/spacing.json
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"spacing": {
|
|
4
|
-
"xs": {
|
|
5
|
-
"value": "0.25rem",
|
|
6
|
-
"type": "dimension",
|
|
7
|
-
"description": "Extra small spacing (4px)"
|
|
8
|
-
},
|
|
9
|
-
"sm": {
|
|
10
|
-
"value": "0.5rem",
|
|
11
|
-
"type": "dimension",
|
|
12
|
-
"description": "Small spacing (8px)"
|
|
13
|
-
},
|
|
14
|
-
"md": {
|
|
15
|
-
"value": "1rem",
|
|
16
|
-
"type": "dimension",
|
|
17
|
-
"description": "Medium spacing (16px)"
|
|
18
|
-
},
|
|
19
|
-
"lg": {
|
|
20
|
-
"value": "1.5rem",
|
|
21
|
-
"type": "dimension",
|
|
22
|
-
"description": "Large spacing (24px)"
|
|
23
|
-
},
|
|
24
|
-
"xl": {
|
|
25
|
-
"value": "2.5rem",
|
|
26
|
-
"type": "dimension",
|
|
27
|
-
"description": "Extra large spacing (40px)"
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
"radius": {
|
|
31
|
-
"sm": {
|
|
32
|
-
"value": "6px",
|
|
33
|
-
"type": "dimension",
|
|
34
|
-
"description": "Small border radius"
|
|
35
|
-
},
|
|
36
|
-
"md": {
|
|
37
|
-
"value": "10px",
|
|
38
|
-
"type": "dimension",
|
|
39
|
-
"description": "Medium border radius"
|
|
40
|
-
},
|
|
41
|
-
"lg": {
|
|
42
|
-
"value": "18px",
|
|
43
|
-
"type": "dimension",
|
|
44
|
-
"description": "Large border radius"
|
|
45
|
-
},
|
|
46
|
-
"full": {
|
|
47
|
-
"value": "9999px",
|
|
48
|
-
"type": "dimension",
|
|
49
|
-
"description": "Full border radius (circular)"
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"duration": {
|
|
4
|
-
"fast": {
|
|
5
|
-
"value": "150ms",
|
|
6
|
-
"type": "duration",
|
|
7
|
-
"description": "Fast transition duration"
|
|
8
|
-
},
|
|
9
|
-
"base": {
|
|
10
|
-
"value": "200ms",
|
|
11
|
-
"type": "duration",
|
|
12
|
-
"description": "Base transition duration"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"transition": {
|
|
16
|
-
"ease": {
|
|
17
|
-
"value": "ease-out",
|
|
18
|
-
"type": "string",
|
|
19
|
-
"description": "Default easing function"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
package/src/core/typography.json
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"luma": {
|
|
3
|
-
"font": {
|
|
4
|
-
"family": {
|
|
5
|
-
"base": {
|
|
6
|
-
"value": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
7
|
-
"type": "fontFamily",
|
|
8
|
-
"description": "Base font family"
|
|
9
|
-
}
|
|
10
|
-
},
|
|
11
|
-
"weight": {
|
|
12
|
-
"regular": {
|
|
13
|
-
"value": "400",
|
|
14
|
-
"type": "fontWeight",
|
|
15
|
-
"description": "Regular font weight"
|
|
16
|
-
},
|
|
17
|
-
"medium": {
|
|
18
|
-
"value": "500",
|
|
19
|
-
"type": "fontWeight",
|
|
20
|
-
"description": "Medium font weight"
|
|
21
|
-
},
|
|
22
|
-
"semibold": {
|
|
23
|
-
"value": "600",
|
|
24
|
-
"type": "fontWeight",
|
|
25
|
-
"description": "Semibold font weight"
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
"text": {
|
|
30
|
-
"sm": {
|
|
31
|
-
"value": "0.75rem",
|
|
32
|
-
"type": "dimension",
|
|
33
|
-
"description": "Small text size (12px)"
|
|
34
|
-
},
|
|
35
|
-
"base": {
|
|
36
|
-
"value": "1rem",
|
|
37
|
-
"type": "dimension",
|
|
38
|
-
"description": "Base text size (16px)"
|
|
39
|
-
},
|
|
40
|
-
"lg": {
|
|
41
|
-
"value": "1.875rem",
|
|
42
|
-
"type": "dimension",
|
|
43
|
-
"description": "Large text size (30px)"
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
"line-height": {
|
|
47
|
-
"none": {
|
|
48
|
-
"value": "1",
|
|
49
|
-
"type": "number",
|
|
50
|
-
"description": "No line height"
|
|
51
|
-
},
|
|
52
|
-
"snug": {
|
|
53
|
-
"value": "1.375",
|
|
54
|
-
"type": "number",
|
|
55
|
-
"description": "Snug line height"
|
|
56
|
-
},
|
|
57
|
-
"relaxed": {
|
|
58
|
-
"value": "1.625",
|
|
59
|
-
"type": "number",
|
|
60
|
-
"description": "Relaxed line height"
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
package/src/index.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
// Export design tokens
|
|
2
|
-
// Import these tokens in your application's CSS file
|
|
3
|
-
export const version = '0.0.1';
|
|
4
|
-
|
|
5
|
-
// CSS files are exported via package.json exports field
|
|
6
|
-
// Usage:
|
|
7
|
-
// @import '@lumaui/tokens/luma.css';
|
|
8
|
-
// @import '@lumaui/tokens/luma-dark.css';
|
package/src/luma-dark.css
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/* Luma Design System - Dark Theme */
|
|
2
|
-
.dark {
|
|
3
|
-
--luma-color-primary: oklch(0.64 0.12 230);
|
|
4
|
-
--luma-color-primary-hover: oklch(0.58 0.11 230);
|
|
5
|
-
--luma-color-primary-active: oklch(0.52 0.1 230);
|
|
6
|
-
--luma-color-surface-base: oklch(0.15 0.005 0);
|
|
7
|
-
--luma-color-text-primary: oklch(0.98 0.002 0);
|
|
8
|
-
--luma-color-text-secondary: oklch(0.65 0.01 0);
|
|
9
|
-
--luma-card-background: oklch(0.17 0 0);
|
|
10
|
-
--luma-card-gradient-from: oklch(0.25 0.01 0 / 0.6);
|
|
11
|
-
--luma-card-gradient-to: oklch(0.2 0.008 0 / 0.6);
|
|
12
|
-
--luma-color-badge-bg: oklch(0.64 0.12 230 / 0.15);
|
|
13
|
-
|
|
14
|
-
/* Button - Dark Theme Overrides */
|
|
15
|
-
--luma-button-primary-bg: oklch(0.64 0.12 230);
|
|
16
|
-
--luma-button-primary-bg-hover: oklch(0.69 0.12 230);
|
|
17
|
-
--luma-button-primary-bg-active: oklch(0.74 0.13 230);
|
|
18
|
-
--luma-button-primary-text: oklch(0.1 0 0);
|
|
19
|
-
|
|
20
|
-
--luma-button-outline-border: oklch(0.65 0.01 0);
|
|
21
|
-
--luma-button-outline-border-hover: oklch(0.98 0.002 0);
|
|
22
|
-
--luma-button-outline-bg-hover: oklch(0.2 0.01 230);
|
|
23
|
-
--luma-button-outline-text: oklch(0.98 0.002 0);
|
|
24
|
-
|
|
25
|
-
--luma-button-ghost-bg-hover: oklch(0.2 0.01 230);
|
|
26
|
-
--luma-button-ghost-text: oklch(0.98 0.002 0);
|
|
27
|
-
|
|
28
|
-
--luma-button-danger-bg: oklch(0.6 0.24 25);
|
|
29
|
-
--luma-button-danger-bg-hover: oklch(0.65 0.25 25);
|
|
30
|
-
--luma-button-danger-bg-active: oklch(0.7 0.26 25);
|
|
31
|
-
--luma-button-danger-text: oklch(0.1 0 0);
|
|
32
|
-
|
|
33
|
-
--luma-button-focus-ring-color: oklch(0.64 0.12 230 / 0.25);
|
|
34
|
-
}
|