@maggioli-design-system/styles 16.0.0 → 17.0.0
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/README.md +55 -3
- package/dist/css/animations.css +2 -2
- package/dist/css/base.css +13 -27
- package/dist/css/colors-hex-brand-rnd.css +25 -25
- package/dist/css/colors-hex-brand.css +46 -46
- package/dist/css/colors-hex-default.css +502 -502
- package/dist/css/colors-hex-label.css +256 -256
- package/dist/css/colors-hex-status.css +88 -88
- package/dist/css/colors-hex-theme.css +271 -0
- package/dist/css/colors-hex-tones.css +139 -139
- package/dist/css/colors-hex.css +883 -631
- package/dist/css/colors-rgb-brand-rnd.css +25 -25
- package/dist/css/colors-rgb-brand.css +46 -46
- package/dist/css/colors-rgb-default.css +502 -502
- package/dist/css/colors-rgb-label.css +256 -256
- package/dist/css/colors-rgb-status.css +88 -88
- package/dist/css/colors-rgb-theme.css +271 -0
- package/dist/css/colors-rgb-tones.css +139 -139
- package/dist/css/colors-rgb.css +883 -631
- package/dist/css/globals.css +3156 -28
- package/dist/css/hydrated.css +2 -2
- package/dist/css/reset.css +2 -4
- package/dist/css/semantic.css +253 -0
- package/dist/css/tailwind-theme-color.css +295 -211
- package/dist/css/tailwind-theme-typography.css +19 -2
- package/dist/css/theme.css +51 -0
- package/dist/css/themes.css +93 -0
- package/dist/css/tokens.editor.css +1792 -0
- package/dist/css/transitions.css +2 -2
- package/dist/css/typography.css +237 -253
- package/dist/css/utility-typography.css +254 -0
- package/dist/tailwind/base.css +31 -23
- package/dist/tailwind/semantic.css +119 -0
- package/dist/tailwind/theme.css +3 -0
- package/dist/tailwind/utilities.css +1 -1
- package/dist/tailwind3/base.css +9 -13
- package/dist/tailwind3/components.css +1 -1
- package/package.json +12 -6
- package/tailwind.config.js +2 -2
|
@@ -1,151 +1,151 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens
|
|
2
|
+
@magma-design-system/design-tokens v15.0.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Wed, 30 Sep 2026 14:38:45 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
:root {
|
|
9
|
-
--status-info-01: 0
|
|
10
|
-
--status-info-02: 0
|
|
11
|
-
--status-info-03: 0
|
|
12
|
-
--status-info-04: 0
|
|
9
|
+
--status-info-01: 0 45 86;
|
|
10
|
+
--status-info-02: 0 71 114;
|
|
11
|
+
--status-info-03: 0 94 137;
|
|
12
|
+
--status-info-04: 0 119 164;
|
|
13
13
|
--status-info-05: 0 138 184;
|
|
14
|
-
--status-info-06:
|
|
14
|
+
--status-info-06: 63 183 227;
|
|
15
15
|
--status-info-07: 124 202 235;
|
|
16
16
|
--status-info-08: 168 219 242;
|
|
17
|
-
--status-info-09:
|
|
18
|
-
--status-info-10:
|
|
17
|
+
--status-info-09: 193 230 246;
|
|
18
|
+
--status-info-10: 220 240 250;
|
|
19
19
|
--status-info: 35 178 225;
|
|
20
|
-
--status-success-01: 0
|
|
21
|
-
--status-success-02: 0
|
|
22
|
-
--status-success-03: 0
|
|
23
|
-
--status-success-04: 0
|
|
20
|
+
--status-success-01: 0 53 0;
|
|
21
|
+
--status-success-02: 0 80 7;
|
|
22
|
+
--status-success-03: 0 102 32;
|
|
23
|
+
--status-success-04: 0 128 57;
|
|
24
24
|
--status-success-05: 0 148 76;
|
|
25
|
-
--status-success-06:
|
|
25
|
+
--status-success-06: 51 193 120;
|
|
26
26
|
--status-success-07: 120 210 155;
|
|
27
27
|
--status-success-08: 165 225 186;
|
|
28
|
-
--status-success-09:
|
|
29
|
-
--status-success-10:
|
|
28
|
+
--status-success-09: 191 233 205;
|
|
29
|
+
--status-success-10: 220 243 227;
|
|
30
30
|
--status-success: 33 191 115;
|
|
31
|
-
--status-error-01:
|
|
32
|
-
--status-error-02:
|
|
33
|
-
--status-error-03:
|
|
34
|
-
--status-error-04:
|
|
31
|
+
--status-error-01: 89 0 0;
|
|
32
|
+
--status-error-02: 132 0 11;
|
|
33
|
+
--status-error-03: 165 33 40;
|
|
34
|
+
--status-error-04: 196 64 65;
|
|
35
35
|
--status-error-05: 217 83 82;
|
|
36
|
-
--status-error-06:
|
|
36
|
+
--status-error-06: 246 142 136;
|
|
37
37
|
--status-error-07: 251 171 166;
|
|
38
38
|
--status-error-08: 254 198 194;
|
|
39
|
-
--status-error-09: 255
|
|
40
|
-
--status-error-10: 255
|
|
39
|
+
--status-error-09: 255 214 211;
|
|
40
|
+
--status-error-10: 255 232 230;
|
|
41
41
|
--status-error: 237 102 99;
|
|
42
|
-
--status-warning-01:
|
|
43
|
-
--status-warning-02:
|
|
44
|
-
--status-warning-03:
|
|
45
|
-
--status-warning-04:
|
|
42
|
+
--status-warning-01: 58 44 0;
|
|
43
|
+
--status-warning-02: 88 66 0;
|
|
44
|
+
--status-warning-03: 113 85 0;
|
|
45
|
+
--status-warning-04: 142 106 0;
|
|
46
46
|
--status-warning-05: 164 123 0;
|
|
47
|
-
--status-warning-06:
|
|
47
|
+
--status-warning-06: 217 162 0;
|
|
48
48
|
--status-warning-07: 242 181 0;
|
|
49
49
|
--status-warning-08: 255 205 57;
|
|
50
|
-
--status-warning-09: 255
|
|
51
|
-
--status-warning-10: 255 237
|
|
50
|
+
--status-warning-09: 255 220 117;
|
|
51
|
+
--status-warning-10: 255 237 181;
|
|
52
52
|
--status-warning: 255 193 7;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
:root:not(.pref-theme-scheme-light).pref-
|
|
55
|
+
:root:not(.pref-theme-scheme-light).pref-mode-dark,
|
|
56
56
|
:root.pref-theme-scheme-dark {
|
|
57
|
-
--status-info-01:
|
|
58
|
-
--status-info-02:
|
|
59
|
-
--status-info-03:
|
|
60
|
-
--status-info-04:
|
|
57
|
+
--status-info-01: 232 245 252;
|
|
58
|
+
--status-info-02: 207 235 248;
|
|
59
|
+
--status-info-03: 180 224 244;
|
|
60
|
+
--status-info-04: 145 210 239;
|
|
61
61
|
--status-info-05: 112 198 234;
|
|
62
|
-
--status-info-06: 0
|
|
62
|
+
--status-info-06: 0 159 206;
|
|
63
63
|
--status-info-07: 0 134 180;
|
|
64
64
|
--status-info-08: 0 107 151;
|
|
65
|
-
--status-info-09: 0
|
|
66
|
-
--status-info-10: 0
|
|
65
|
+
--status-info-09: 0 88 131;
|
|
66
|
+
--status-info-10: 0 63 105;
|
|
67
67
|
--status-info: 35 178 225;
|
|
68
|
-
--status-success-01:
|
|
69
|
-
--status-success-02:
|
|
70
|
-
--status-success-03:
|
|
71
|
-
--status-success-04:
|
|
68
|
+
--status-success-01: 231 247 236;
|
|
69
|
+
--status-success-02: 206 238 216;
|
|
70
|
+
--status-success-03: 179 230 196;
|
|
71
|
+
--status-success-04: 143 217 170;
|
|
72
72
|
--status-success-05: 107 206 147;
|
|
73
|
-
--status-success-06: 0
|
|
73
|
+
--status-success-06: 0 169 95;
|
|
74
74
|
--status-success-07: 0 144 72;
|
|
75
75
|
--status-success-08: 0 116 46;
|
|
76
|
-
--status-success-09: 0
|
|
77
|
-
--status-success-10: 0
|
|
76
|
+
--status-success-09: 0 97 27;
|
|
77
|
+
--status-success-10: 0 72 0;
|
|
78
78
|
--status-success: 33 191 115;
|
|
79
|
-
--status-error-01: 255
|
|
80
|
-
--status-error-02: 255
|
|
81
|
-
--status-error-03: 255
|
|
82
|
-
--status-error-04:
|
|
79
|
+
--status-error-01: 255 239 238;
|
|
80
|
+
--status-error-02: 255 223 221;
|
|
81
|
+
--status-error-03: 255 206 202;
|
|
82
|
+
--status-error-04: 253 184 178;
|
|
83
83
|
--status-error-05: 250 165 160;
|
|
84
|
-
--status-error-06:
|
|
84
|
+
--status-error-06: 238 105 102;
|
|
85
85
|
--status-error-07: 212 80 79;
|
|
86
86
|
--status-error-08: 182 50 54;
|
|
87
|
-
--status-error-09:
|
|
88
|
-
--status-error-10:
|
|
87
|
+
--status-error-09: 158 24 35;
|
|
88
|
+
--status-error-10: 119 0 0;
|
|
89
89
|
--status-error: 237 102 99;
|
|
90
|
-
--status-warning-01: 255
|
|
91
|
-
--status-warning-02: 255
|
|
92
|
-
--status-warning-03: 255
|
|
93
|
-
--status-warning-04:
|
|
90
|
+
--status-warning-01: 255 242 205;
|
|
91
|
+
--status-warning-02: 255 229 149;
|
|
92
|
+
--status-warning-03: 255 213 89;
|
|
93
|
+
--status-warning-04: 254 190 0;
|
|
94
94
|
--status-warning-05: 237 177 0;
|
|
95
|
-
--status-warning-06:
|
|
95
|
+
--status-warning-06: 187 141 0;
|
|
96
96
|
--status-warning-07: 159 120 0;
|
|
97
97
|
--status-warning-08: 129 96 0;
|
|
98
|
-
--status-warning-09:
|
|
99
|
-
--status-warning-10:
|
|
98
|
+
--status-warning-09: 107 80 0;
|
|
99
|
+
--status-warning-10: 79 59 0;
|
|
100
100
|
--status-warning: 255 193 7;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
@media (prefers-color-scheme: dark) {
|
|
104
|
-
:root:not(.pref-theme-scheme-light).pref-
|
|
104
|
+
:root:not(.pref-theme-scheme-light).pref-mode-system,
|
|
105
105
|
:root:not([data-magma-pref]) {
|
|
106
|
-
--status-info-01:
|
|
107
|
-
--status-info-02:
|
|
108
|
-
--status-info-03:
|
|
109
|
-
--status-info-04:
|
|
106
|
+
--status-info-01: 232 245 252;
|
|
107
|
+
--status-info-02: 207 235 248;
|
|
108
|
+
--status-info-03: 180 224 244;
|
|
109
|
+
--status-info-04: 145 210 239;
|
|
110
110
|
--status-info-05: 112 198 234;
|
|
111
|
-
--status-info-06: 0
|
|
111
|
+
--status-info-06: 0 159 206;
|
|
112
112
|
--status-info-07: 0 134 180;
|
|
113
113
|
--status-info-08: 0 107 151;
|
|
114
|
-
--status-info-09: 0
|
|
115
|
-
--status-info-10: 0
|
|
114
|
+
--status-info-09: 0 88 131;
|
|
115
|
+
--status-info-10: 0 63 105;
|
|
116
116
|
--status-info: 35 178 225;
|
|
117
|
-
--status-success-01:
|
|
118
|
-
--status-success-02:
|
|
119
|
-
--status-success-03:
|
|
120
|
-
--status-success-04:
|
|
117
|
+
--status-success-01: 231 247 236;
|
|
118
|
+
--status-success-02: 206 238 216;
|
|
119
|
+
--status-success-03: 179 230 196;
|
|
120
|
+
--status-success-04: 143 217 170;
|
|
121
121
|
--status-success-05: 107 206 147;
|
|
122
|
-
--status-success-06: 0
|
|
122
|
+
--status-success-06: 0 169 95;
|
|
123
123
|
--status-success-07: 0 144 72;
|
|
124
124
|
--status-success-08: 0 116 46;
|
|
125
|
-
--status-success-09: 0
|
|
126
|
-
--status-success-10: 0
|
|
125
|
+
--status-success-09: 0 97 27;
|
|
126
|
+
--status-success-10: 0 72 0;
|
|
127
127
|
--status-success: 33 191 115;
|
|
128
|
-
--status-error-01: 255
|
|
129
|
-
--status-error-02: 255
|
|
130
|
-
--status-error-03: 255
|
|
131
|
-
--status-error-04:
|
|
128
|
+
--status-error-01: 255 239 238;
|
|
129
|
+
--status-error-02: 255 223 221;
|
|
130
|
+
--status-error-03: 255 206 202;
|
|
131
|
+
--status-error-04: 253 184 178;
|
|
132
132
|
--status-error-05: 250 165 160;
|
|
133
|
-
--status-error-06:
|
|
133
|
+
--status-error-06: 238 105 102;
|
|
134
134
|
--status-error-07: 212 80 79;
|
|
135
135
|
--status-error-08: 182 50 54;
|
|
136
|
-
--status-error-09:
|
|
137
|
-
--status-error-10:
|
|
136
|
+
--status-error-09: 158 24 35;
|
|
137
|
+
--status-error-10: 119 0 0;
|
|
138
138
|
--status-error: 237 102 99;
|
|
139
|
-
--status-warning-01: 255
|
|
140
|
-
--status-warning-02: 255
|
|
141
|
-
--status-warning-03: 255
|
|
142
|
-
--status-warning-04:
|
|
139
|
+
--status-warning-01: 255 242 205;
|
|
140
|
+
--status-warning-02: 255 229 149;
|
|
141
|
+
--status-warning-03: 255 213 89;
|
|
142
|
+
--status-warning-04: 254 190 0;
|
|
143
143
|
--status-warning-05: 237 177 0;
|
|
144
|
-
--status-warning-06:
|
|
144
|
+
--status-warning-06: 187 141 0;
|
|
145
145
|
--status-warning-07: 159 120 0;
|
|
146
146
|
--status-warning-08: 129 96 0;
|
|
147
|
-
--status-warning-09:
|
|
148
|
-
--status-warning-10:
|
|
147
|
+
--status-warning-09: 107 80 0;
|
|
148
|
+
--status-warning-10: 79 59 0;
|
|
149
149
|
--status-warning: 255 193 7;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
/*
|
|
2
|
+
@magma-design-system/design-tokens v15.0.0
|
|
3
|
+
Generated by Style Dictionary
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated at Wed, 30 Sep 2026 14:38:45 GMT
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
:root {
|
|
9
|
+
--surface-porcelain-sunken: 228 232 238;
|
|
10
|
+
--surface-porcelain-muted: 232 235 241;
|
|
11
|
+
--surface-porcelain-default: 239 242 245;
|
|
12
|
+
--surface-porcelain-raised: 247 248 250;
|
|
13
|
+
--surface-porcelain-overlay: 255 255 255;
|
|
14
|
+
--surface-neutral-sunken: 232 232 232;
|
|
15
|
+
--surface-neutral-muted: 235 235 235;
|
|
16
|
+
--surface-neutral-default: 242 242 242;
|
|
17
|
+
--surface-neutral-raised: 248 248 248;
|
|
18
|
+
--surface-neutral-overlay: 255 255 255;
|
|
19
|
+
--surface-bisque-sunken: 235 231 229;
|
|
20
|
+
--surface-bisque-muted: 238 234 233;
|
|
21
|
+
--surface-bisque-default: 244 241 240;
|
|
22
|
+
--surface-bisque-raised: 249 248 248;
|
|
23
|
+
--surface-bisque-overlay: 255 255 255;
|
|
24
|
+
--surface-info-sunken: 209 237 250;
|
|
25
|
+
--surface-info-muted: 216 240 251;
|
|
26
|
+
--surface-info-default: 229 245 252;
|
|
27
|
+
--surface-info-raised: 242 250 254;
|
|
28
|
+
--surface-info-overlay: 255 255 255;
|
|
29
|
+
--surface-success-sunken: 210 241 220;
|
|
30
|
+
--surface-success-muted: 216 243 225;
|
|
31
|
+
--surface-success-default: 229 247 235;
|
|
32
|
+
--surface-success-raised: 242 251 245;
|
|
33
|
+
--surface-success-overlay: 255 255 255;
|
|
34
|
+
--surface-error-sunken: 255 221 218;
|
|
35
|
+
--surface-error-muted: 255 226 223;
|
|
36
|
+
--surface-error-default: 255 236 233;
|
|
37
|
+
--surface-error-raised: 255 245 244;
|
|
38
|
+
--surface-error-overlay: 255 255 255;
|
|
39
|
+
--surface-warning-sunken: 246 230 199;
|
|
40
|
+
--surface-warning-muted: 247 234 206;
|
|
41
|
+
--surface-warning-default: 250 241 222;
|
|
42
|
+
--surface-warning-raised: 253 248 238;
|
|
43
|
+
--surface-warning-overlay: 255 255 255;
|
|
44
|
+
--border-porcelain-muted: 213 219 228;
|
|
45
|
+
--border-porcelain-default: 188 197 210;
|
|
46
|
+
--border-porcelain-strong: 128 141 160;
|
|
47
|
+
--border-neutral-muted: 219 219 219;
|
|
48
|
+
--border-neutral-default: 196 196 196;
|
|
49
|
+
--border-neutral-strong: 140 140 140;
|
|
50
|
+
--border-bisque-muted: 224 217 215;
|
|
51
|
+
--border-bisque-default: 203 194 191;
|
|
52
|
+
--border-bisque-strong: 151 137 132;
|
|
53
|
+
--border-info-muted: 184 226 245;
|
|
54
|
+
--border-info-default: 141 207 235;
|
|
55
|
+
--border-info-strong: 18 154 196;
|
|
56
|
+
--border-success-muted: 185 232 201;
|
|
57
|
+
--border-success-default: 143 215 169;
|
|
58
|
+
--border-success-strong: 17 166 98;
|
|
59
|
+
--border-error-muted: 255 203 198;
|
|
60
|
+
--border-error-default: 254 171 165;
|
|
61
|
+
--border-error-strong: 218 96 93;
|
|
62
|
+
--border-warning-muted: 239 216 168;
|
|
63
|
+
--border-warning-default: 226 191 117;
|
|
64
|
+
--border-warning-strong: 184 130 0;
|
|
65
|
+
--text-porcelain-default: 4 5 6;
|
|
66
|
+
--text-porcelain-muted: 61 73 91;
|
|
67
|
+
--text-porcelain-subtle: 83 100 125;
|
|
68
|
+
--text-porcelain-disabled: 99 120 150;
|
|
69
|
+
--text-neutral-default: 5 5 5;
|
|
70
|
+
--text-neutral-muted: 73 73 73;
|
|
71
|
+
--text-neutral-subtle: 99 99 99;
|
|
72
|
+
--text-neutral-disabled: 119 119 119;
|
|
73
|
+
--text-bisque-default: 6 5 5;
|
|
74
|
+
--text-bisque-muted: 82 69 66;
|
|
75
|
+
--text-bisque-subtle: 113 96 90;
|
|
76
|
+
--text-bisque-disabled: 135 115 108;
|
|
77
|
+
--text-info-default: 0 45 86;
|
|
78
|
+
--text-info-muted: 0 71 114;
|
|
79
|
+
--text-info-subtle: 0 94 137;
|
|
80
|
+
--text-info-disabled: 0 138 184;
|
|
81
|
+
--text-success-default: 0 53 0;
|
|
82
|
+
--text-success-muted: 0 80 7;
|
|
83
|
+
--text-success-subtle: 0 102 32;
|
|
84
|
+
--text-success-disabled: 0 148 76;
|
|
85
|
+
--text-error-default: 89 0 0;
|
|
86
|
+
--text-error-muted: 132 0 11;
|
|
87
|
+
--text-error-subtle: 165 33 40;
|
|
88
|
+
--text-error-disabled: 217 83 82;
|
|
89
|
+
--text-warning-default: 58 44 0;
|
|
90
|
+
--text-warning-muted: 88 66 0;
|
|
91
|
+
--text-warning-subtle: 113 85 0;
|
|
92
|
+
--text-warning-disabled: 164 123 0;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
:root:not(.pref-theme-scheme-light).pref-mode-dark,
|
|
96
|
+
:root.pref-theme-scheme-dark {
|
|
97
|
+
--surface-porcelain-sunken: 1 2 5;
|
|
98
|
+
--surface-porcelain-muted: 8 14 21;
|
|
99
|
+
--surface-porcelain-default: 21 29 41;
|
|
100
|
+
--surface-porcelain-raised: 39 49 64;
|
|
101
|
+
--surface-porcelain-overlay: 63 75 93;
|
|
102
|
+
--surface-neutral-sunken: 2 2 2;
|
|
103
|
+
--surface-neutral-muted: 13 13 13;
|
|
104
|
+
--surface-neutral-default: 29 29 29;
|
|
105
|
+
--surface-neutral-raised: 48 48 48;
|
|
106
|
+
--surface-neutral-overlay: 74 74 74;
|
|
107
|
+
--surface-bisque-sunken: 4 2 2;
|
|
108
|
+
--surface-bisque-muted: 18 12 10;
|
|
109
|
+
--surface-bisque-default: 35 27 24;
|
|
110
|
+
--surface-bisque-raised: 56 45 42;
|
|
111
|
+
--surface-bisque-overlay: 84 71 67;
|
|
112
|
+
--surface-info-sunken: 0 3 11;
|
|
113
|
+
--surface-info-muted: 0 17 36;
|
|
114
|
+
--surface-info-default: 0 34 61;
|
|
115
|
+
--surface-info-raised: 0 56 91;
|
|
116
|
+
--surface-info-overlay: 0 85 126;
|
|
117
|
+
--surface-success-sunken: 0 5 0;
|
|
118
|
+
--surface-success-muted: 0 22 0;
|
|
119
|
+
--surface-success-default: 0 42 0;
|
|
120
|
+
--surface-success-raised: 0 66 7;
|
|
121
|
+
--surface-success-overlay: 0 97 30;
|
|
122
|
+
--surface-error-sunken: 14 0 0;
|
|
123
|
+
--surface-error-muted: 41 0 0;
|
|
124
|
+
--surface-error-default: 70 0 0;
|
|
125
|
+
--surface-error-raised: 102 0 4;
|
|
126
|
+
--surface-error-overlay: 142 5 25;
|
|
127
|
+
--surface-warning-sunken: 8 1 0;
|
|
128
|
+
--surface-warning-muted: 30 5 0;
|
|
129
|
+
--surface-warning-default: 54 17 0;
|
|
130
|
+
--surface-warning-raised: 81 35 0;
|
|
131
|
+
--surface-warning-overlay: 114 60 0;
|
|
132
|
+
--border-porcelain-muted: 53 65 81;
|
|
133
|
+
--border-porcelain-default: 98 112 131;
|
|
134
|
+
--border-porcelain-strong: 160 172 188;
|
|
135
|
+
--border-neutral-muted: 64 64 64;
|
|
136
|
+
--border-neutral-default: 111 111 111;
|
|
137
|
+
--border-neutral-strong: 171 171 171;
|
|
138
|
+
--border-bisque-muted: 73 60 57;
|
|
139
|
+
--border-bisque-default: 122 107 102;
|
|
140
|
+
--border-bisque-strong: 180 168 164;
|
|
141
|
+
--border-info-muted: 0 73 112;
|
|
142
|
+
--border-info-default: 0 124 168;
|
|
143
|
+
--border-info-strong: 94 184 220;
|
|
144
|
+
--border-success-muted: 0 85 20;
|
|
145
|
+
--border-success-default: 0 137 65;
|
|
146
|
+
--border-success-strong: 95 195 136;
|
|
147
|
+
--border-error-muted: 126 0 15;
|
|
148
|
+
--border-error-default: 188 58 60;
|
|
149
|
+
--border-error-strong: 241 136 131;
|
|
150
|
+
--border-warning-muted: 101 49 0;
|
|
151
|
+
--border-warning-default: 155 98 0;
|
|
152
|
+
--border-warning-strong: 209 163 55;
|
|
153
|
+
--text-porcelain-default: 252 252 253;
|
|
154
|
+
--text-porcelain-muted: 225 229 235;
|
|
155
|
+
--text-porcelain-subtle: 205 212 221;
|
|
156
|
+
--text-porcelain-disabled: 187 197 210;
|
|
157
|
+
--text-neutral-default: 252 252 252;
|
|
158
|
+
--text-neutral-muted: 228 228 228;
|
|
159
|
+
--text-neutral-subtle: 211 211 211;
|
|
160
|
+
--text-neutral-disabled: 196 196 196;
|
|
161
|
+
--text-bisque-default: 252 252 252;
|
|
162
|
+
--text-bisque-muted: 232 228 227;
|
|
163
|
+
--text-bisque-subtle: 217 210 207;
|
|
164
|
+
--text-bisque-disabled: 204 194 191;
|
|
165
|
+
--text-info-default: 232 245 252;
|
|
166
|
+
--text-info-muted: 207 235 248;
|
|
167
|
+
--text-info-subtle: 180 224 244;
|
|
168
|
+
--text-info-disabled: 112 198 234;
|
|
169
|
+
--text-success-default: 231 247 236;
|
|
170
|
+
--text-success-muted: 206 238 216;
|
|
171
|
+
--text-success-subtle: 179 230 196;
|
|
172
|
+
--text-success-disabled: 107 206 147;
|
|
173
|
+
--text-error-default: 255 239 238;
|
|
174
|
+
--text-error-muted: 255 223 221;
|
|
175
|
+
--text-error-subtle: 255 206 202;
|
|
176
|
+
--text-error-disabled: 250 165 160;
|
|
177
|
+
--text-warning-default: 255 242 205;
|
|
178
|
+
--text-warning-muted: 255 229 149;
|
|
179
|
+
--text-warning-subtle: 255 213 89;
|
|
180
|
+
--text-warning-disabled: 237 177 0;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
@media (prefers-color-scheme: dark) {
|
|
184
|
+
:root:not(.pref-theme-scheme-light).pref-mode-system,
|
|
185
|
+
:root:not([data-magma-pref]) {
|
|
186
|
+
--surface-porcelain-sunken: 1 2 5;
|
|
187
|
+
--surface-porcelain-muted: 8 14 21;
|
|
188
|
+
--surface-porcelain-default: 21 29 41;
|
|
189
|
+
--surface-porcelain-raised: 39 49 64;
|
|
190
|
+
--surface-porcelain-overlay: 63 75 93;
|
|
191
|
+
--surface-neutral-sunken: 2 2 2;
|
|
192
|
+
--surface-neutral-muted: 13 13 13;
|
|
193
|
+
--surface-neutral-default: 29 29 29;
|
|
194
|
+
--surface-neutral-raised: 48 48 48;
|
|
195
|
+
--surface-neutral-overlay: 74 74 74;
|
|
196
|
+
--surface-bisque-sunken: 4 2 2;
|
|
197
|
+
--surface-bisque-muted: 18 12 10;
|
|
198
|
+
--surface-bisque-default: 35 27 24;
|
|
199
|
+
--surface-bisque-raised: 56 45 42;
|
|
200
|
+
--surface-bisque-overlay: 84 71 67;
|
|
201
|
+
--surface-info-sunken: 0 3 11;
|
|
202
|
+
--surface-info-muted: 0 17 36;
|
|
203
|
+
--surface-info-default: 0 34 61;
|
|
204
|
+
--surface-info-raised: 0 56 91;
|
|
205
|
+
--surface-info-overlay: 0 85 126;
|
|
206
|
+
--surface-success-sunken: 0 5 0;
|
|
207
|
+
--surface-success-muted: 0 22 0;
|
|
208
|
+
--surface-success-default: 0 42 0;
|
|
209
|
+
--surface-success-raised: 0 66 7;
|
|
210
|
+
--surface-success-overlay: 0 97 30;
|
|
211
|
+
--surface-error-sunken: 14 0 0;
|
|
212
|
+
--surface-error-muted: 41 0 0;
|
|
213
|
+
--surface-error-default: 70 0 0;
|
|
214
|
+
--surface-error-raised: 102 0 4;
|
|
215
|
+
--surface-error-overlay: 142 5 25;
|
|
216
|
+
--surface-warning-sunken: 8 1 0;
|
|
217
|
+
--surface-warning-muted: 30 5 0;
|
|
218
|
+
--surface-warning-default: 54 17 0;
|
|
219
|
+
--surface-warning-raised: 81 35 0;
|
|
220
|
+
--surface-warning-overlay: 114 60 0;
|
|
221
|
+
--border-porcelain-muted: 53 65 81;
|
|
222
|
+
--border-porcelain-default: 98 112 131;
|
|
223
|
+
--border-porcelain-strong: 160 172 188;
|
|
224
|
+
--border-neutral-muted: 64 64 64;
|
|
225
|
+
--border-neutral-default: 111 111 111;
|
|
226
|
+
--border-neutral-strong: 171 171 171;
|
|
227
|
+
--border-bisque-muted: 73 60 57;
|
|
228
|
+
--border-bisque-default: 122 107 102;
|
|
229
|
+
--border-bisque-strong: 180 168 164;
|
|
230
|
+
--border-info-muted: 0 73 112;
|
|
231
|
+
--border-info-default: 0 124 168;
|
|
232
|
+
--border-info-strong: 94 184 220;
|
|
233
|
+
--border-success-muted: 0 85 20;
|
|
234
|
+
--border-success-default: 0 137 65;
|
|
235
|
+
--border-success-strong: 95 195 136;
|
|
236
|
+
--border-error-muted: 126 0 15;
|
|
237
|
+
--border-error-default: 188 58 60;
|
|
238
|
+
--border-error-strong: 241 136 131;
|
|
239
|
+
--border-warning-muted: 101 49 0;
|
|
240
|
+
--border-warning-default: 155 98 0;
|
|
241
|
+
--border-warning-strong: 209 163 55;
|
|
242
|
+
--text-porcelain-default: 252 252 253;
|
|
243
|
+
--text-porcelain-muted: 225 229 235;
|
|
244
|
+
--text-porcelain-subtle: 205 212 221;
|
|
245
|
+
--text-porcelain-disabled: 187 197 210;
|
|
246
|
+
--text-neutral-default: 252 252 252;
|
|
247
|
+
--text-neutral-muted: 228 228 228;
|
|
248
|
+
--text-neutral-subtle: 211 211 211;
|
|
249
|
+
--text-neutral-disabled: 196 196 196;
|
|
250
|
+
--text-bisque-default: 252 252 252;
|
|
251
|
+
--text-bisque-muted: 232 228 227;
|
|
252
|
+
--text-bisque-subtle: 217 210 207;
|
|
253
|
+
--text-bisque-disabled: 204 194 191;
|
|
254
|
+
--text-info-default: 232 245 252;
|
|
255
|
+
--text-info-muted: 207 235 248;
|
|
256
|
+
--text-info-subtle: 180 224 244;
|
|
257
|
+
--text-info-disabled: 112 198 234;
|
|
258
|
+
--text-success-default: 231 247 236;
|
|
259
|
+
--text-success-muted: 206 238 216;
|
|
260
|
+
--text-success-subtle: 179 230 196;
|
|
261
|
+
--text-success-disabled: 107 206 147;
|
|
262
|
+
--text-error-default: 255 239 238;
|
|
263
|
+
--text-error-muted: 255 223 221;
|
|
264
|
+
--text-error-subtle: 255 206 202;
|
|
265
|
+
--text-error-disabled: 250 165 160;
|
|
266
|
+
--text-warning-default: 255 242 205;
|
|
267
|
+
--text-warning-muted: 255 229 149;
|
|
268
|
+
--text-warning-subtle: 255 213 89;
|
|
269
|
+
--text-warning-disabled: 237 177 0;
|
|
270
|
+
}
|
|
271
|
+
}
|