[Summary view] [Print] [Text view]

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