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