at path:ROOT / wp-admin / css / colors / light / colors.css
run:R W Run
21.62 KB
2026-03-11 16:18:51
R W Run
19.15 KB
2026-03-11 16:18:51
R W Run
21.62 KB
2026-03-11 16:18:51
R W Run
19.15 KB
2026-03-11 16:18:51
R W Run
879 By
2026-03-11 16:18:51
R W Run
error_log
📄colors.css
1/*! This file is auto-generated */
2/*
3 * Button mixin- creates a button effect with correct
4 * highlights/shadows, based on a base color.
5 */
6/**
7 * This function name uses British English to maintain backward compatibility, as developers
8 * may use the function in their own admin CSS files. See #56811.
9 */
10body {
11 background: #f5f5f5;
12}
13
14/* Links */
15a {
16 color: #0073aa;
17}
18a:hover, a:active, a:focus {
19 color: rgb(0, 149.5, 221);
20}
21
22#post-body .misc-pub-post-status:before,
23#post-body #visibility:before,
24.curtime #timestamp:before,
25#post-body .misc-pub-revisions:before,
26span.wp-media-buttons-icon:before {
27 color: currentColor;
28}
29
30.wp-core-ui .button-link {
31 color: #0073aa;
32}
33.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
34 color: rgb(0, 149.5, 221);
35}
36
37.media-modal .delete-attachment,
38.media-modal .trash-attachment,
39.media-modal .untrash-attachment,
40.wp-core-ui .button-link-delete {
41 color: #a00;
42}
43
44.media-modal .delete-attachment:hover,
45.media-modal .trash-attachment:hover,
46.media-modal .untrash-attachment:hover,
47.media-modal .delete-attachment:focus,
48.media-modal .trash-attachment:focus,
49.media-modal .untrash-attachment:focus,
50.wp-core-ui .button-link-delete:hover,
51.wp-core-ui .button-link-delete:focus {
52 color: #dc3232;
53}
54
55/* Forms */
56input[type=checkbox]:checked::before {
57 content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
58 content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")/"";
59}
60
61input[type=radio]:checked::before {
62 background: #7e8993;
63}
64
65.wp-core-ui input[type=reset]:hover,
66.wp-core-ui input[type=reset]:active {
67 color: rgb(0, 149.5, 221);
68}
69
70input[type=text]:focus,
71input[type=password]:focus,
72input[type=color]:focus,
73input[type=date]:focus,
74input[type=datetime]:focus,
75input[type=datetime-local]:focus,
76input[type=email]:focus,
77input[type=month]:focus,
78input[type=number]:focus,
79input[type=search]:focus,
80input[type=tel]:focus,
81input[type=text]:focus,
82input[type=time]:focus,
83input[type=url]:focus,
84input[type=week]:focus,
85input[type=checkbox]:focus,
86input[type=radio]:focus,
87select:focus,
88textarea:focus {
89 border-color: #04a4cc;
90 box-shadow: 0 0 0 1px #04a4cc;
91}
92
93/* Core UI */
94.wp-core-ui .button {
95 border-color: #7e8993;
96 color: #32373c;
97}
98.wp-core-ui .button.hover,
99.wp-core-ui .button:hover,
100.wp-core-ui .button.focus,
101.wp-core-ui .button:focus {
102 border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
103 color: rgb(38.4090909091, 42.25, 46.0909090909);
104}
105.wp-core-ui .button.focus,
106.wp-core-ui .button:focus {
107 border-color: #7e8993;
108 color: rgb(38.4090909091, 42.25, 46.0909090909);
109 box-shadow: 0 0 0 1px #32373c;
110}
111.wp-core-ui .button:active {
112 border-color: #7e8993;
113 color: rgb(38.4090909091, 42.25, 46.0909090909);
114 box-shadow: none;
115}
116.wp-core-ui .button.active,
117.wp-core-ui .button.active:focus,
118.wp-core-ui .button.active:hover {
119 border-color: #04a4cc;
120 color: rgb(38.4090909091, 42.25, 46.0909090909);
121 box-shadow: inset 0 2px 5px -3px #04a4cc;
122}
123.wp-core-ui .button.active:focus {
124 box-shadow: 0 0 0 1px #32373c;
125}
126.wp-core-ui .button,
127.wp-core-ui .button-secondary {
128 color: #04a4cc;
129 border-color: #04a4cc;
130}
131.wp-core-ui .button.hover,
132.wp-core-ui .button:hover,
133.wp-core-ui .button-secondary:hover {
134 border-color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
135 color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
136}
137.wp-core-ui .button.focus,
138.wp-core-ui .button:focus,
139.wp-core-ui .button-secondary:focus {
140 border-color: rgb(8.8269230769, 201.9038461538, 250.1730769231);
141 color: rgb(2.0384615385, 83.5769230769, 103.9615384615);
142 box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231);
143}
144.wp-core-ui .button-primary:hover {
145 color: #fff;
146}
147.wp-core-ui .button-primary {
148 background: #04a4cc;
149 border-color: #04a4cc;
150 color: #fff;
151}
152.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
153 background: rgb(4.2942307692, 176.0634615385, 219.0057692308);
154 border-color: rgb(3.7057692308, 151.9365384615, 188.9942307692);
155 color: #fff;
156}
157.wp-core-ui .button-primary:focus {
158 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
159}
160.wp-core-ui .button-primary:active {
161 background: rgb(3.5096153846, 143.8942307692, 178.9903846154);
162 border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
163 color: #fff;
164}
165.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
166 background: #04a4cc;
167 color: #fff;
168 border-color: rgb(2.5288461538, 103.6826923077, 128.9711538462);
169 box-shadow: inset 0 2px 5px -3px hsl(192, 96.1538461538%, -9.2156862745%);
170}
171.wp-core-ui .button-group > .button.active {
172 border-color: #04a4cc;
173}
174.wp-core-ui .wp-ui-primary {
175 color: #333;
176 background-color: #e5e5e5;
177}
178.wp-core-ui .wp-ui-text-primary {
179 color: #e5e5e5;
180}
181.wp-core-ui .wp-ui-highlight {
182 color: #fff;
183 background-color: #888;
184}
185.wp-core-ui .wp-ui-text-highlight {
186 color: #888;
187}
188.wp-core-ui .wp-ui-notification {
189 color: #fff;
190 background-color: #d64e07;
191}
192.wp-core-ui .wp-ui-text-notification {
193 color: #d64e07;
194}
195.wp-core-ui .wp-ui-text-icon {
196 color: #999;
197}
198
199/* List tables */
200.wrap .page-title-action,
201.wrap .page-title-action:active {
202 border: 1px solid #04a4cc;
203 color: #04a4cc;
204}
205
206.wrap .page-title-action:hover {
207 color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
208 border-color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
209}
210
211.wrap .page-title-action:focus {
212 border-color: rgb(8.8269230769, 201.9038461538, 250.1730769231);
213 color: rgb(2.0384615385, 83.5769230769, 103.9615384615);
214 box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231);
215}
216
217.view-switch a.current:before {
218 color: #e5e5e5;
219}
220
221.view-switch a:hover:before {
222 color: #d64e07;
223}
224
225/* Admin Menu */
226#adminmenuback,
227#adminmenuwrap,
228#adminmenu {
229 background: #e5e5e5;
230}
231
232#adminmenu a {
233 color: #333;
234}
235
236#adminmenu div.wp-menu-image:before {
237 color: #999;
238}
239
240#adminmenu a:hover,
241#adminmenu li.menu-top:hover,
242#adminmenu li.opensub > a.menu-top,
243#adminmenu li > a.menu-top:focus {
244 color: #fff;
245 background-color: #888;
246}
247
248#adminmenu li.menu-top:hover div.wp-menu-image:before,
249#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
250 color: #ccc;
251}
252
253/* Active tabs use a bottom border color that matches the page background color. */
254.about-wrap .nav-tab-active,
255.nav-tab-active,
256.nav-tab-active:hover {
257 background-color: #f5f5f5;
258 border-bottom-color: #f5f5f5;
259}
260
261/* Admin Menu: submenu */
262#adminmenu .wp-submenu,
263#adminmenu .wp-has-current-submenu .wp-submenu,
264#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
265#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
266 background: #fff;
267}
268
269#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
270#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
271 border-right-color: #fff;
272}
273
274#adminmenu .wp-submenu .wp-submenu-head {
275 color: rgb(104.4, 104.4, 104.4);
276}
277
278#adminmenu .wp-submenu a,
279#adminmenu .wp-has-current-submenu .wp-submenu a,
280#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
281#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
282 color: rgb(104.4, 104.4, 104.4);
283}
284#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
285#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
286#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
287#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
288#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
289#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
290#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
291 color: #04a4cc;
292}
293
294/* Admin Menu: current */
295#adminmenu .wp-submenu li.current a,
296#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
297#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
298 color: #333;
299}
300#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
301#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
302#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
303#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
304#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
305 color: #04a4cc;
306}
307
308ul#adminmenu a.wp-has-current-submenu:after,
309ul#adminmenu > li.current > a.current:after {
310 border-right-color: #f5f5f5;
311}
312
313#adminmenu li.current a.menu-top,
314#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
315#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
316.folded #adminmenu li.current.menu-top {
317 color: #fff;
318 background: #888;
319}
320
321#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
322#adminmenu a.current:hover div.wp-menu-image:before,
323#adminmenu li.current div.wp-menu-image:before,
324#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
325#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
326#adminmenu li:hover div.wp-menu-image:before,
327#adminmenu li a:focus div.wp-menu-image:before,
328#adminmenu li.opensub div.wp-menu-image:before {
329 color: #ccc;
330}
331
332/* Admin Menu: bubble */
333#adminmenu .menu-counter,
334#adminmenu .awaiting-mod,
335#adminmenu .update-plugins {
336 color: #fff;
337 background: #d64e07;
338}
339
340#adminmenu li.current a .awaiting-mod,
341#adminmenu li a.wp-has-current-submenu .update-plugins,
342#adminmenu li:hover a .awaiting-mod,
343#adminmenu li.menu-top:hover > a .update-plugins {
344 color: #333;
345 background: #fff;
346}
347
348/* Admin Menu: collapse button */
349#collapse-button {
350 color: #777;
351}
352
353#collapse-button:hover,
354#collapse-button:focus {
355 color: #04a4cc;
356}
357
358/* Admin Bar */
359#wpadminbar {
360 color: #333;
361 background: #e5e5e5;
362}
363
364#wpadminbar .ab-item,
365#wpadminbar a.ab-item,
366#wpadminbar > #wp-toolbar span.ab-label,
367#wpadminbar > #wp-toolbar span.noticon {
368 color: #333;
369}
370
371#wpadminbar .ab-icon,
372#wpadminbar .ab-icon:before,
373#wpadminbar .ab-item:before,
374#wpadminbar .ab-item:after {
375 color: #999;
376}
377
378#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
379#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
380#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
381#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
382#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
383 color: #04a4cc;
384 background: #fff;
385}
386
387#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
388#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
389#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
390 color: #04a4cc;
391}
392
393#wpadminbar:not(.mobile) li:hover .ab-icon:before,
394#wpadminbar:not(.mobile) li:hover .ab-item:before,
395#wpadminbar:not(.mobile) li:hover .ab-item:after,
396#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
397 color: #04a4cc;
398}
399
400/* Admin Bar: submenu */
401#wpadminbar .menupop .ab-sub-wrapper {
402 background: #fff;
403}
404
405#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
406#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
407 background: rgb(246.85, 246.85, 246.85);
408}
409
410#wpadminbar .ab-submenu .ab-item,
411#wpadminbar .quicklinks .menupop ul li a,
412#wpadminbar .quicklinks .menupop.hover ul li a,
413#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
414 color: rgb(104.4, 104.4, 104.4);
415}
416
417#wpadminbar .quicklinks li .blavatar,
418#wpadminbar .menupop .menupop > .ab-item:before {
419 color: #999;
420}
421
422#wpadminbar .quicklinks .menupop ul li a:hover,
423#wpadminbar .quicklinks .menupop ul li a:focus,
424#wpadminbar .quicklinks .menupop ul li a:hover strong,
425#wpadminbar .quicklinks .menupop ul li a:focus strong,
426#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
427#wpadminbar .quicklinks .menupop.hover ul li a:hover,
428#wpadminbar .quicklinks .menupop.hover ul li a:focus,
429#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
430#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
431#wpadminbar li:hover .ab-icon:before,
432#wpadminbar li:hover .ab-item:before,
433#wpadminbar li a:focus .ab-icon:before,
434#wpadminbar li .ab-item:focus:before,
435#wpadminbar li .ab-item:focus .ab-icon:before,
436#wpadminbar li.hover .ab-icon:before,
437#wpadminbar li.hover .ab-item:before,
438#wpadminbar li:hover #adminbarsearch:before,
439#wpadminbar li #adminbarsearch.adminbar-focused:before {
440 color: #04a4cc;
441}
442
443#wpadminbar .quicklinks li a:hover .blavatar,
444#wpadminbar .quicklinks li a:focus .blavatar,
445#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
446#wpadminbar .menupop .menupop > .ab-item:hover:before,
447#wpadminbar.mobile .quicklinks .ab-icon:before,
448#wpadminbar.mobile .quicklinks .ab-item:before {
449 color: #04a4cc;
450}
451
452#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
453#wpadminbar.mobile .quicklinks .hover .ab-item:before {
454 color: #999;
455}
456
457/* Admin Bar: search */
458#wpadminbar #adminbarsearch:before {
459 color: #999;
460}
461
462#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
463 color: #333;
464 background: rgb(246.85, 246.85, 246.85);
465}
466
467/* Admin Bar: recovery mode */
468#wpadminbar #wp-admin-bar-recovery-mode {
469 color: #fff;
470 background-color: #d64e07;
471}
472
473#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
474#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
475 color: #fff;
476}
477
478#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
479#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
480#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
481#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
482 color: #fff;
483 background-color: rgb(192.6, 70.2, 6.3);
484}
485
486/* Admin Bar: my account */
487#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
488 border-color: rgb(246.85, 246.85, 246.85);
489 background-color: rgb(246.85, 246.85, 246.85);
490}
491
492#wpadminbar #wp-admin-bar-user-info .display-name {
493 color: #333;
494}
495
496#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
497 color: #04a4cc;
498}
499
500#wpadminbar #wp-admin-bar-user-info .username {
501 color: rgb(104.4, 104.4, 104.4);
502}
503
504/* Pointers */
505.wp-pointer .wp-pointer-content h3 {
506 background-color: #04a4cc;
507 border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
508}
509
510.wp-pointer .wp-pointer-content h3:before {
511 color: #04a4cc;
512}
513
514.wp-pointer.wp-pointer-top .wp-pointer-arrow,
515.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
516.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
517.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
518 border-bottom-color: #04a4cc;
519}
520
521/* Media */
522.media-item .bar,
523.media-progress-bar div {
524 background-color: #04a4cc;
525}
526
527.details.attachment {
528 box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
529}
530
531.attachment.details .check {
532 background-color: #04a4cc;
533 box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
534}
535
536.media-selection .attachment.selection.details .thumbnail {
537 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
538}
539
540/* Themes */
541.theme-browser .theme.active .theme-name,
542.theme-browser .theme.add-new-theme a:hover:after,
543.theme-browser .theme.add-new-theme a:focus:after {
544 background: #04a4cc;
545}
546
547.theme-browser .theme.add-new-theme a:hover span:after,
548.theme-browser .theme.add-new-theme a:focus span:after {
549 color: #04a4cc;
550}
551
552.theme-section.current,
553.theme-filter.current {
554 border-bottom-color: #e5e5e5;
555}
556
557body.more-filters-opened .more-filters {
558 color: #333;
559 background-color: #e5e5e5;
560}
561
562body.more-filters-opened .more-filters:before {
563 color: #333;
564}
565
566body.more-filters-opened .more-filters:hover,
567body.more-filters-opened .more-filters:focus {
568 background-color: #888;
569 color: #fff;
570}
571
572body.more-filters-opened .more-filters:hover:before,
573body.more-filters-opened .more-filters:focus:before {
574 color: #fff;
575}
576
577/* Widgets */
578.widgets-chooser li.widgets-chooser-selected {
579 background-color: #888;
580 color: #fff;
581}
582
583.widgets-chooser li.widgets-chooser-selected:before,
584.widgets-chooser li.widgets-chooser-selected:focus:before {
585 color: #fff;
586}
587
588/* Nav Menus */
589.nav-menus-php .item-edit:focus:before {
590 box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
591}
592
593/* Responsive Component */
594div#wp-responsive-toggle a:before {
595 color: #999;
596}
597
598.wp-responsive-open div#wp-responsive-toggle a {
599 border-color: transparent;
600 background: #888;
601}
602
603.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
604 background: #fff;
605}
606
607.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
608 color: #999;
609}
610
611/* TinyMCE */
612.mce-container.mce-menu .mce-menu-item:hover,
613.mce-container.mce-menu .mce-menu-item.mce-selected,
614.mce-container.mce-menu .mce-menu-item:focus,
615.mce-container.mce-menu .mce-menu-item-normal.mce-active,
616.mce-container.mce-menu .mce-menu-item-preview.mce-active {
617 background: #04a4cc;
618}
619
620/* Customizer */
621.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
622.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
623.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
624.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
625 color: #0073aa;
626 border-left-color: #04a4cc;
627}
628.wp-core-ui .customize-controls-close:focus,
629.wp-core-ui .customize-controls-close:hover,
630.wp-core-ui .customize-controls-preview-toggle:focus,
631.wp-core-ui .customize-controls-preview-toggle:hover {
632 color: #0073aa;
633 border-top-color: #04a4cc;
634}
635.wp-core-ui .customize-panel-back:hover,
636.wp-core-ui .customize-panel-back:focus,
637.wp-core-ui .customize-section-back:hover,
638.wp-core-ui .customize-section-back:focus {
639 color: #0073aa;
640 border-left-color: #04a4cc;
641}
642.wp-core-ui .customize-screen-options-toggle:hover,
643.wp-core-ui .customize-screen-options-toggle:active,
644.wp-core-ui .customize-screen-options-toggle:focus,
645.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
646.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
647.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
648.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
649 color: #0073aa;
650}
651.wp-core-ui .customize-screen-options-toggle:focus:before,
652.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
653.wp-core-ui .menu-item-bar .item-delete:focus:before,
654.wp-core-ui #available-menu-items .item-add:focus:before,
655.wp-core-ui #customize-save-button-wrapper .save:focus,
656.wp-core-ui #publish-settings:focus {
657 box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
658}
659.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
660.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
661.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
662 color: #0073aa;
663}
664.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
665.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
666 border-left-color: #04a4cc;
667 color: #0073aa;
668}
669.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
670 background: #04a4cc;
671}
672.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
673 color: #0073aa;
674}
675.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
676.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
677.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
678.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
679.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
680.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
681.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
682.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
683 color: #0073aa;
684}
685.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
686 background-color: #fbfbfc;
687 border-color: #04a4cc;
688 border-style: solid;
689 box-shadow: 0 0 0 1px #04a4cc;
690 outline: 2px solid transparent;
691}
692.wp-core-ui .wp-full-overlay-footer .devices button:focus,
693.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
694 border-bottom-color: #04a4cc;
695}
696.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
697.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
698 color: #04a4cc;
699}
700.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
701.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
702 color: #04a4cc;
703}
704.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
705.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
706 box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
707}
708.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
709 border-bottom-color: #04a4cc;
710 color: #0073aa;
711}
712
713/* Override the theme filter highlight color for this scheme */
714.theme-section.current,
715.theme-filter.current {
716 border-bottom-color: #04a4cc;
717}