@wordpress/base-styles 6.8.0 → 6.8.1-next.b8c8708f3.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.
Files changed (6) hide show
  1. package/_default-custom-properties.scss +2 -0
  2. package/_z-index.scss +1 -2
  3. package/build-style/admin-schemes-rtl.css +32 -186
  4. package/build-style/admin-schemes.css +32 -186
  5. package/package.json +2 -2
  6. package/src/admin-schemes.scss +2 -0
package/_default-custom-properties.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "./mixins";
2
2
  @use "./functions";
3
+ @use "./colors";
3
4
 
4
5
  // It is important to include these styles in all built stylesheets.
5
6
  // This allows to CSS variables post CSS plugin to generate fallbacks.
@@ -10,5 +11,6 @@
10
11
  // This CSS variable is not used in Gutenberg project,
11
12
  // but is maintained for backwards compatibility.
12
13
  --wp-bound-block-color: var(--wp-block-synced-color);
14
+ --wp-editor-canvas-background: #{colors.$gray-300};
13
15
  @include mixins.admin-scheme(#007cba);
14
16
  }
package/_z-index.scss CHANGED
@@ -129,6 +129,7 @@ $z-layers: (
129
129
  ".block-editor-block-lock-modal": 1000001,
130
130
  ".block-editor-template-part__selection-modal": 1000001,
131
131
  ".block-editor-block-rename-modal": 1000001,
132
+ ".block-editor-block-allowed-blocks-modal": 1000001,
132
133
  ".edit-site-list__rename-modal": 1000001,
133
134
  ".dataviews-action-modal": 1000001,
134
135
  ".editor-action-modal": 1000001,
@@ -192,8 +193,6 @@ $z-layers: (
192
193
  ".customize-widgets__block-toolbar": 7,
193
194
 
194
195
  // Site editor layout
195
- ".edit-site-page-header": 2,
196
- ".edit-site-page-content": 1,
197
196
  ".edit-site-templates__dataviews-list-pagination": 2,
198
197
  ".edit-site-layout__canvas-container": 2,
199
198
  ".edit-site-layout__sidebar": 1,
package/build-style/admin-schemes-rtl.css CHANGED
@@ -1,57 +1,6 @@
1
- /**
2
- * Colors
3
- */
4
- /**
5
- * Breakpoints & Media Queries
6
- */
7
- /**
8
- * Colors
9
- */
10
- /**
11
- * SCSS Variables.
12
- *
13
- * Please use variables from this sheet to ensure consistency across the UI.
14
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
15
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
16
- */
17
- /**
18
- * Fonts & basic variables.
19
- */
20
1
  /**
21
2
  * Typography
22
3
  */
23
- /**
24
- * Grid System.
25
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
26
- */
27
- /**
28
- * Radius scale.
29
- */
30
- /**
31
- * Elevation scale.
32
- */
33
- /**
34
- * Dimensions.
35
- */
36
- /**
37
- * Mobile specific styles
38
- */
39
- /**
40
- * Editor styles.
41
- */
42
- /**
43
- * Block & Editor UI.
44
- */
45
- /**
46
- * Block paddings.
47
- */
48
- /**
49
- * React Native specific.
50
- * These variables do not appear to be used anywhere else.
51
- */
52
- /**
53
- * Colors
54
- */
55
4
  /**
56
5
  * SCSS Variables.
57
6
  *
@@ -59,91 +8,9 @@
59
8
  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
60
9
  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
61
10
  */
62
- /**
63
- * Fonts & basic variables.
64
- */
65
- /**
66
- * Typography
67
- */
68
- /**
69
- * Grid System.
70
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
71
- */
72
- /**
73
- * Radius scale.
74
- */
75
- /**
76
- * Elevation scale.
77
- */
78
- /**
79
- * Dimensions.
80
- */
81
- /**
82
- * Mobile specific styles
83
- */
84
- /**
85
- * Editor styles.
86
- */
87
- /**
88
- * Block & Editor UI.
89
- */
90
- /**
91
- * Block paddings.
92
- */
93
- /**
94
- * React Native specific.
95
- * These variables do not appear to be used anywhere else.
96
- */
97
- /**
98
- * Breakpoints & Media Queries
99
- */
100
- /**
101
- * Converts a hex value into the rgb equivalent.
102
- *
103
- * @param {string} hex - the hexadecimal value to convert
104
- * @return {string} comma separated rgb values
105
- */
106
- /**
107
- * Long content fade mixin
108
- *
109
- * Creates a fading overlay to signify that the content is longer
110
- * than the space allows.
111
- */
112
- /**
113
- * Typography
114
- */
115
- /**
116
- * Breakpoint mixins
117
- */
118
- /**
119
- * Focus styles.
120
- */
121
- /**
122
- * Applies editor left position to the selector passed as argument
123
- */
124
- /**
125
- * Styles that are reused verbatim in a few places
126
- */
127
- /**
128
- * Allows users to opt-out of animations via OS-level preferences.
129
- */
130
- /**
131
- * Reset default styles for JavaScript UI based pages.
132
- * This is a WP-admin agnostic reset
133
- */
134
- /**
135
- * Reset the WP Admin page styles for Gutenberg-like pages.
136
- */
137
11
  /**
138
12
  * Colors
139
13
  */
140
- /**
141
- * SCSS Variables.
142
- *
143
- * Please use variables from this sheet to ensure consistency across the UI.
144
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
145
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
146
- */
147
14
  /**
148
15
  * Fonts & basic variables.
149
16
  */
@@ -194,9 +61,6 @@
194
61
  * Creates a fading overlay to signify that the content is longer
195
62
  * than the space allows.
196
63
  */
197
- /**
198
- * Typography
199
- */
200
64
  /**
201
65
  * Breakpoint mixins
202
66
  */
@@ -219,31 +83,13 @@
219
83
  /**
220
84
  * Reset the WP Admin page styles for Gutenberg-like pages.
221
85
  */
222
- :root {
223
- --wp-block-synced-color: #7a00df;
224
- --wp-block-synced-color--rgb: 122, 0, 223;
225
- --wp-bound-block-color: var(--wp-block-synced-color);
226
- --wp-admin-theme-color: #007cba;
227
- --wp-admin-theme-color--rgb: 0, 124, 186;
228
- --wp-admin-theme-color-darker-10: #006ba1;
229
- --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
230
- --wp-admin-theme-color-darker-20: #005a87;
231
- --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
232
- --wp-admin-border-width-focus: 2px;
233
- }
234
- @media (min-resolution: 192dpi) {
235
- :root {
236
- --wp-admin-border-width-focus: 1.5px;
237
- }
238
- }
239
-
240
86
  body.admin-color-light {
241
87
  --wp-admin-theme-color: #0085ba;
242
88
  --wp-admin-theme-color--rgb: 0, 133, 186;
243
- --wp-admin-theme-color-darker-10: #0073a1;
244
- --wp-admin-theme-color-darker-10--rgb: 0, 115, 161;
245
- --wp-admin-theme-color-darker-20: #006187;
246
- --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
89
+ --wp-admin-theme-color-darker-10: rgb(0, 114.7661290323, 160.5);
90
+ --wp-admin-theme-color-darker-10--rgb: 0, 114.7661290323, 160.5;
91
+ --wp-admin-theme-color-darker-20: rgb(0, 96.5322580645, 135);
92
+ --wp-admin-theme-color-darker-20--rgb: 0, 96.5322580645, 135;
247
93
  --wp-admin-border-width-focus: 2px;
248
94
  }
249
95
  @media (min-resolution: 192dpi) {
@@ -255,10 +101,10 @@ body.admin-color-light {
255
101
  body.admin-color-modern {
256
102
  --wp-admin-theme-color: #3858e9;
257
103
  --wp-admin-theme-color--rgb: 56, 88, 233;
258
- --wp-admin-theme-color-darker-10: #2145e6;
259
- --wp-admin-theme-color-darker-10--rgb: 33, 69, 230;
260
- --wp-admin-theme-color-darker-20: #183ad6;
261
- --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
104
+ --wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
105
+ --wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
106
+ --wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
107
+ --wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
262
108
  --wp-admin-border-width-focus: 2px;
263
109
  }
264
110
  @media (min-resolution: 192dpi) {
@@ -270,10 +116,10 @@ body.admin-color-modern {
270
116
  body.admin-color-blue {
271
117
  --wp-admin-theme-color: #096484;
272
118
  --wp-admin-theme-color--rgb: 9, 100, 132;
273
- --wp-admin-theme-color-darker-10: #07526c;
274
- --wp-admin-theme-color-darker-10--rgb: 7, 82, 108;
275
- --wp-admin-theme-color-darker-20: #064054;
276
- --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
119
+ --wp-admin-theme-color-darker-10: rgb(7.3723404255, 81.914893617, 108.1276595745);
120
+ --wp-admin-theme-color-darker-10--rgb: 7.3723404255, 81.914893617, 108.1276595745;
121
+ --wp-admin-theme-color-darker-20: rgb(5.7446808511, 63.829787234, 84.2553191489);
122
+ --wp-admin-theme-color-darker-20--rgb: 5.7446808511, 63.829787234, 84.2553191489;
277
123
  --wp-admin-border-width-focus: 2px;
278
124
  }
279
125
  @media (min-resolution: 192dpi) {
@@ -285,10 +131,10 @@ body.admin-color-blue {
285
131
  body.admin-color-coffee {
286
132
  --wp-admin-theme-color: #46403c;
287
133
  --wp-admin-theme-color--rgb: 70, 64, 60;
288
- --wp-admin-theme-color-darker-10: #383330;
289
- --wp-admin-theme-color-darker-10--rgb: 56, 51, 48;
290
- --wp-admin-theme-color-darker-20: #2b2724;
291
- --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
134
+ --wp-admin-theme-color-darker-10: rgb(56.2692307692, 51.4461538462, 48.2307692308);
135
+ --wp-admin-theme-color-darker-10--rgb: 56.2692307692, 51.4461538462, 48.2307692308;
136
+ --wp-admin-theme-color-darker-20: rgb(42.5384615385, 38.8923076923, 36.4615384615);
137
+ --wp-admin-theme-color-darker-20--rgb: 42.5384615385, 38.8923076923, 36.4615384615;
292
138
  --wp-admin-border-width-focus: 2px;
293
139
  }
294
140
  @media (min-resolution: 192dpi) {
@@ -300,10 +146,10 @@ body.admin-color-coffee {
300
146
  body.admin-color-ectoplasm {
301
147
  --wp-admin-theme-color: #523f6d;
302
148
  --wp-admin-theme-color--rgb: 82, 63, 109;
303
- --wp-admin-theme-color-darker-10: #46365d;
304
- --wp-admin-theme-color-darker-10--rgb: 70, 54, 93;
305
- --wp-admin-theme-color-darker-20: #3a2c4d;
306
- --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
149
+ --wp-admin-theme-color-darker-10: rgb(69.8430232558, 53.6598837209, 92.8401162791);
150
+ --wp-admin-theme-color-darker-10--rgb: 69.8430232558, 53.6598837209, 92.8401162791;
151
+ --wp-admin-theme-color-darker-20: rgb(57.6860465116, 44.3197674419, 76.6802325581);
152
+ --wp-admin-theme-color-darker-20--rgb: 57.6860465116, 44.3197674419, 76.6802325581;
307
153
  --wp-admin-border-width-focus: 2px;
308
154
  }
309
155
  @media (min-resolution: 192dpi) {
@@ -315,10 +161,10 @@ body.admin-color-ectoplasm {
315
161
  body.admin-color-midnight {
316
162
  --wp-admin-theme-color: #e14d43;
317
163
  --wp-admin-theme-color--rgb: 225, 77, 67;
318
- --wp-admin-theme-color-darker-10: #dd382d;
319
- --wp-admin-theme-color-darker-10--rgb: 221, 56, 45;
320
- --wp-admin-theme-color-darker-20: #d02c21;
321
- --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
164
+ --wp-admin-theme-color-darker-10: rgb(221.4908256881, 56.1788990826, 45.0091743119);
165
+ --wp-admin-theme-color-darker-10--rgb: 221.4908256881, 56.1788990826, 45.0091743119;
166
+ --wp-admin-theme-color-darker-20: rgb(207.8348623853, 44.2201834862, 33.1651376147);
167
+ --wp-admin-theme-color-darker-20--rgb: 207.8348623853, 44.2201834862, 33.1651376147;
322
168
  --wp-admin-border-width-focus: 2px;
323
169
  }
324
170
  @media (min-resolution: 192dpi) {
@@ -330,10 +176,10 @@ body.admin-color-midnight {
330
176
  body.admin-color-ocean {
331
177
  --wp-admin-theme-color: #627c83;
332
178
  --wp-admin-theme-color--rgb: 98, 124, 131;
333
- --wp-admin-theme-color-darker-10: #576e74;
334
- --wp-admin-theme-color-darker-10--rgb: 87, 110, 116;
335
- --wp-admin-theme-color-darker-20: #4c6066;
336
- --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
179
+ --wp-admin-theme-color-darker-10: rgb(87.0873362445, 110.192139738, 116.4126637555);
180
+ --wp-admin-theme-color-darker-10--rgb: 87.0873362445, 110.192139738, 116.4126637555;
181
+ --wp-admin-theme-color-darker-20: rgb(76.1746724891, 96.384279476, 101.8253275109);
182
+ --wp-admin-theme-color-darker-20--rgb: 76.1746724891, 96.384279476, 101.8253275109;
337
183
  --wp-admin-border-width-focus: 2px;
338
184
  }
339
185
  @media (min-resolution: 192dpi) {
@@ -345,10 +191,10 @@ body.admin-color-ocean {
345
191
  body.admin-color-sunrise {
346
192
  --wp-admin-theme-color: #dd823b;
347
193
  --wp-admin-theme-color--rgb: 221, 130, 59;
348
- --wp-admin-theme-color-darker-10: #d97426;
349
- --wp-admin-theme-color-darker-10--rgb: 217, 116, 38;
350
- --wp-admin-theme-color-darker-20: #c36922;
351
- --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
194
+ --wp-admin-theme-color-darker-10: rgb(216.8782608696, 116.1847826087, 37.6217391304);
195
+ --wp-admin-theme-color-darker-10--rgb: 216.8782608696, 116.1847826087, 37.6217391304;
196
+ --wp-admin-theme-color-darker-20: rgb(195.147826087, 104.5434782609, 33.852173913);
197
+ --wp-admin-theme-color-darker-20--rgb: 195.147826087, 104.5434782609, 33.852173913;
352
198
  --wp-admin-border-width-focus: 2px;
353
199
  }
354
200
  @media (min-resolution: 192dpi) {
package/build-style/admin-schemes.css CHANGED
@@ -1,57 +1,6 @@
1
- /**
2
- * Colors
3
- */
4
- /**
5
- * Breakpoints & Media Queries
6
- */
7
- /**
8
- * Colors
9
- */
10
- /**
11
- * SCSS Variables.
12
- *
13
- * Please use variables from this sheet to ensure consistency across the UI.
14
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
15
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
16
- */
17
- /**
18
- * Fonts & basic variables.
19
- */
20
1
  /**
21
2
  * Typography
22
3
  */
23
- /**
24
- * Grid System.
25
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
26
- */
27
- /**
28
- * Radius scale.
29
- */
30
- /**
31
- * Elevation scale.
32
- */
33
- /**
34
- * Dimensions.
35
- */
36
- /**
37
- * Mobile specific styles
38
- */
39
- /**
40
- * Editor styles.
41
- */
42
- /**
43
- * Block & Editor UI.
44
- */
45
- /**
46
- * Block paddings.
47
- */
48
- /**
49
- * React Native specific.
50
- * These variables do not appear to be used anywhere else.
51
- */
52
- /**
53
- * Colors
54
- */
55
4
  /**
56
5
  * SCSS Variables.
57
6
  *
@@ -59,91 +8,9 @@
59
8
  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
60
9
  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
61
10
  */
62
- /**
63
- * Fonts & basic variables.
64
- */
65
- /**
66
- * Typography
67
- */
68
- /**
69
- * Grid System.
70
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
71
- */
72
- /**
73
- * Radius scale.
74
- */
75
- /**
76
- * Elevation scale.
77
- */
78
- /**
79
- * Dimensions.
80
- */
81
- /**
82
- * Mobile specific styles
83
- */
84
- /**
85
- * Editor styles.
86
- */
87
- /**
88
- * Block & Editor UI.
89
- */
90
- /**
91
- * Block paddings.
92
- */
93
- /**
94
- * React Native specific.
95
- * These variables do not appear to be used anywhere else.
96
- */
97
- /**
98
- * Breakpoints & Media Queries
99
- */
100
- /**
101
- * Converts a hex value into the rgb equivalent.
102
- *
103
- * @param {string} hex - the hexadecimal value to convert
104
- * @return {string} comma separated rgb values
105
- */
106
- /**
107
- * Long content fade mixin
108
- *
109
- * Creates a fading overlay to signify that the content is longer
110
- * than the space allows.
111
- */
112
- /**
113
- * Typography
114
- */
115
- /**
116
- * Breakpoint mixins
117
- */
118
- /**
119
- * Focus styles.
120
- */
121
- /**
122
- * Applies editor left position to the selector passed as argument
123
- */
124
- /**
125
- * Styles that are reused verbatim in a few places
126
- */
127
- /**
128
- * Allows users to opt-out of animations via OS-level preferences.
129
- */
130
- /**
131
- * Reset default styles for JavaScript UI based pages.
132
- * This is a WP-admin agnostic reset
133
- */
134
- /**
135
- * Reset the WP Admin page styles for Gutenberg-like pages.
136
- */
137
11
  /**
138
12
  * Colors
139
13
  */
140
- /**
141
- * SCSS Variables.
142
- *
143
- * Please use variables from this sheet to ensure consistency across the UI.
144
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
145
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
146
- */
147
14
  /**
148
15
  * Fonts & basic variables.
149
16
  */
@@ -194,9 +61,6 @@
194
61
  * Creates a fading overlay to signify that the content is longer
195
62
  * than the space allows.
196
63
  */
197
- /**
198
- * Typography
199
- */
200
64
  /**
201
65
  * Breakpoint mixins
202
66
  */
@@ -219,31 +83,13 @@
219
83
  /**
220
84
  * Reset the WP Admin page styles for Gutenberg-like pages.
221
85
  */
222
- :root {
223
- --wp-block-synced-color: #7a00df;
224
- --wp-block-synced-color--rgb: 122, 0, 223;
225
- --wp-bound-block-color: var(--wp-block-synced-color);
226
- --wp-admin-theme-color: #007cba;
227
- --wp-admin-theme-color--rgb: 0, 124, 186;
228
- --wp-admin-theme-color-darker-10: #006ba1;
229
- --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
230
- --wp-admin-theme-color-darker-20: #005a87;
231
- --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
232
- --wp-admin-border-width-focus: 2px;
233
- }
234
- @media (min-resolution: 192dpi) {
235
- :root {
236
- --wp-admin-border-width-focus: 1.5px;
237
- }
238
- }
239
-
240
86
  body.admin-color-light {
241
87
  --wp-admin-theme-color: #0085ba;
242
88
  --wp-admin-theme-color--rgb: 0, 133, 186;
243
- --wp-admin-theme-color-darker-10: #0073a1;
244
- --wp-admin-theme-color-darker-10--rgb: 0, 115, 161;
245
- --wp-admin-theme-color-darker-20: #006187;
246
- --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
89
+ --wp-admin-theme-color-darker-10: rgb(0, 114.7661290323, 160.5);
90
+ --wp-admin-theme-color-darker-10--rgb: 0, 114.7661290323, 160.5;
91
+ --wp-admin-theme-color-darker-20: rgb(0, 96.5322580645, 135);
92
+ --wp-admin-theme-color-darker-20--rgb: 0, 96.5322580645, 135;
247
93
  --wp-admin-border-width-focus: 2px;
248
94
  }
249
95
  @media (min-resolution: 192dpi) {
@@ -255,10 +101,10 @@ body.admin-color-light {
255
101
  body.admin-color-modern {
256
102
  --wp-admin-theme-color: #3858e9;
257
103
  --wp-admin-theme-color--rgb: 56, 88, 233;
258
- --wp-admin-theme-color-darker-10: #2145e6;
259
- --wp-admin-theme-color-darker-10--rgb: 33, 69, 230;
260
- --wp-admin-theme-color-darker-20: #183ad6;
261
- --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
104
+ --wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
105
+ --wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
106
+ --wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
107
+ --wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
262
108
  --wp-admin-border-width-focus: 2px;
263
109
  }
264
110
  @media (min-resolution: 192dpi) {
@@ -270,10 +116,10 @@ body.admin-color-modern {
270
116
  body.admin-color-blue {
271
117
  --wp-admin-theme-color: #096484;
272
118
  --wp-admin-theme-color--rgb: 9, 100, 132;
273
- --wp-admin-theme-color-darker-10: #07526c;
274
- --wp-admin-theme-color-darker-10--rgb: 7, 82, 108;
275
- --wp-admin-theme-color-darker-20: #064054;
276
- --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
119
+ --wp-admin-theme-color-darker-10: rgb(7.3723404255, 81.914893617, 108.1276595745);
120
+ --wp-admin-theme-color-darker-10--rgb: 7.3723404255, 81.914893617, 108.1276595745;
121
+ --wp-admin-theme-color-darker-20: rgb(5.7446808511, 63.829787234, 84.2553191489);
122
+ --wp-admin-theme-color-darker-20--rgb: 5.7446808511, 63.829787234, 84.2553191489;
277
123
  --wp-admin-border-width-focus: 2px;
278
124
  }
279
125
  @media (min-resolution: 192dpi) {
@@ -285,10 +131,10 @@ body.admin-color-blue {
285
131
  body.admin-color-coffee {
286
132
  --wp-admin-theme-color: #46403c;
287
133
  --wp-admin-theme-color--rgb: 70, 64, 60;
288
- --wp-admin-theme-color-darker-10: #383330;
289
- --wp-admin-theme-color-darker-10--rgb: 56, 51, 48;
290
- --wp-admin-theme-color-darker-20: #2b2724;
291
- --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
134
+ --wp-admin-theme-color-darker-10: rgb(56.2692307692, 51.4461538462, 48.2307692308);
135
+ --wp-admin-theme-color-darker-10--rgb: 56.2692307692, 51.4461538462, 48.2307692308;
136
+ --wp-admin-theme-color-darker-20: rgb(42.5384615385, 38.8923076923, 36.4615384615);
137
+ --wp-admin-theme-color-darker-20--rgb: 42.5384615385, 38.8923076923, 36.4615384615;
292
138
  --wp-admin-border-width-focus: 2px;
293
139
  }
294
140
  @media (min-resolution: 192dpi) {
@@ -300,10 +146,10 @@ body.admin-color-coffee {
300
146
  body.admin-color-ectoplasm {
301
147
  --wp-admin-theme-color: #523f6d;
302
148
  --wp-admin-theme-color--rgb: 82, 63, 109;
303
- --wp-admin-theme-color-darker-10: #46365d;
304
- --wp-admin-theme-color-darker-10--rgb: 70, 54, 93;
305
- --wp-admin-theme-color-darker-20: #3a2c4d;
306
- --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
149
+ --wp-admin-theme-color-darker-10: rgb(69.8430232558, 53.6598837209, 92.8401162791);
150
+ --wp-admin-theme-color-darker-10--rgb: 69.8430232558, 53.6598837209, 92.8401162791;
151
+ --wp-admin-theme-color-darker-20: rgb(57.6860465116, 44.3197674419, 76.6802325581);
152
+ --wp-admin-theme-color-darker-20--rgb: 57.6860465116, 44.3197674419, 76.6802325581;
307
153
  --wp-admin-border-width-focus: 2px;
308
154
  }
309
155
  @media (min-resolution: 192dpi) {
@@ -315,10 +161,10 @@ body.admin-color-ectoplasm {
315
161
  body.admin-color-midnight {
316
162
  --wp-admin-theme-color: #e14d43;
317
163
  --wp-admin-theme-color--rgb: 225, 77, 67;
318
- --wp-admin-theme-color-darker-10: #dd382d;
319
- --wp-admin-theme-color-darker-10--rgb: 221, 56, 45;
320
- --wp-admin-theme-color-darker-20: #d02c21;
321
- --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
164
+ --wp-admin-theme-color-darker-10: rgb(221.4908256881, 56.1788990826, 45.0091743119);
165
+ --wp-admin-theme-color-darker-10--rgb: 221.4908256881, 56.1788990826, 45.0091743119;
166
+ --wp-admin-theme-color-darker-20: rgb(207.8348623853, 44.2201834862, 33.1651376147);
167
+ --wp-admin-theme-color-darker-20--rgb: 207.8348623853, 44.2201834862, 33.1651376147;
322
168
  --wp-admin-border-width-focus: 2px;
323
169
  }
324
170
  @media (min-resolution: 192dpi) {
@@ -330,10 +176,10 @@ body.admin-color-midnight {
330
176
  body.admin-color-ocean {
331
177
  --wp-admin-theme-color: #627c83;
332
178
  --wp-admin-theme-color--rgb: 98, 124, 131;
333
- --wp-admin-theme-color-darker-10: #576e74;
334
- --wp-admin-theme-color-darker-10--rgb: 87, 110, 116;
335
- --wp-admin-theme-color-darker-20: #4c6066;
336
- --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
179
+ --wp-admin-theme-color-darker-10: rgb(87.0873362445, 110.192139738, 116.4126637555);
180
+ --wp-admin-theme-color-darker-10--rgb: 87.0873362445, 110.192139738, 116.4126637555;
181
+ --wp-admin-theme-color-darker-20: rgb(76.1746724891, 96.384279476, 101.8253275109);
182
+ --wp-admin-theme-color-darker-20--rgb: 76.1746724891, 96.384279476, 101.8253275109;
337
183
  --wp-admin-border-width-focus: 2px;
338
184
  }
339
185
  @media (min-resolution: 192dpi) {
@@ -345,10 +191,10 @@ body.admin-color-ocean {
345
191
  body.admin-color-sunrise {
346
192
  --wp-admin-theme-color: #dd823b;
347
193
  --wp-admin-theme-color--rgb: 221, 130, 59;
348
- --wp-admin-theme-color-darker-10: #d97426;
349
- --wp-admin-theme-color-darker-10--rgb: 217, 116, 38;
350
- --wp-admin-theme-color-darker-20: #c36922;
351
- --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
194
+ --wp-admin-theme-color-darker-10: rgb(216.8782608696, 116.1847826087, 37.6217391304);
195
+ --wp-admin-theme-color-darker-10--rgb: 216.8782608696, 116.1847826087, 37.6217391304;
196
+ --wp-admin-theme-color-darker-20: rgb(195.147826087, 104.5434782609, 33.852173913);
197
+ --wp-admin-theme-color-darker-20--rgb: 195.147826087, 104.5434782609, 33.852173913;
352
198
  --wp-admin-border-width-focus: 2px;
353
199
  }
354
200
  @media (min-resolution: 192dpi) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/base-styles",
3
- "version": "6.8.0",
3
+ "version": "6.8.1-next.b8c8708f3.0",
4
4
  "description": "Base SCSS utilities and variables for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -27,5 +27,5 @@
27
27
  "publishConfig": {
28
28
  "access": "public"
29
29
  },
30
- "gitHead": "a030b4c0e0695239b942c7dc18511782b64f10ed"
30
+ "gitHead": "67cfd7e661931aeb0d06bec894599d287a4f8d0f"
31
31
  }
package/src/admin-schemes.scss CHANGED
@@ -1 +1,3 @@
1
+ @use "mixins" as *;
2
+
1
3
  @include wordpress-admin-schemes();