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