Ticket #34904: 34904-link-and-adminbar-focus-borders.diff

src/wp-admin/css/common.css

@@ -272 +272 @@
 a:focus .media-icon img,
 .wp-person a:focus .gravatar {
         color: #124964;
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
+        outline-offset: 2px;
 }
 
 .ie8 a:focus {
@@ -279 +280 @@
         outline: #5b9dd9 solid 1px;
 }
 
-#adminmenu a:focus {
-        outline: 1px dotted #555d66;
-        outline-offset: -1px;
+#adminmenu a:focus,
+#wpadminbar a:focus {
+        outline: 2px solid #fff;
+        outline-offset: -2px;
 }
 
 .screen-reader-text:focus {
@@ -834 +836 @@
 }
 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
 }
 
 .key-labels label {
@@ -1433 +1435 @@
 }
 
 .notice-dismiss:focus {
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
 }
 
 .ie8 .notice-dismiss:focus {
@@ -3066 +3068 @@
 }
 
 .js .postbox .handlediv:focus .toggle-indicator:before {
-        outline: 1px dotted #555d66;
+        box-shadow: 0 0 0 2px #007cba;
+        /* Only visible in Windows High Contrast mode */
+        outline: 2px solid transparent;
 }
 
 /* @todo: appears to be Press This only and overridden */
@@ -3160 +3164 @@
 }
 [role="treeitem"] .folder-label.focus {
         color: #124964;
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
 }
 [role="treeitem"].hover,
 [role="treeitem"] .folder-label.hover {
@@ -3387 +3391 @@
 }
 
 .widget-top .widget-action:focus .toggle-indicator:before {
-        outline: 1px dotted #555d66;
+        box-shadow: 0 0 0 2px #007cba;
+        /* Only visible in Windows High Contrast mode */
+        outline: 2px solid transparent;
 }
 
 .control-section .accordion-section-title:after,

src/wp-admin/css/customize-nav-menus.css

@@ -868 +868 @@
 .menu-delete:focus,
 .menu-item-bar .item-delete:focus:before,
 #available-menu-items .item-add:focus:before {
-        box-shadow:
-                0 0 0 1px #5b9dd9,
-                0 0 2px 1px rgba(30, 140, 190, 0.8);
+        box-shadow: 0 0 0 2px #007cba;
+        /* Only visible in Windows High Contrast mode */
+        outline: 2px solid transparent;
 }
 
 

src/wp-admin/css/login.css

@@ -32 +32 @@
 
 a:focus {
         color: #124964;
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
+        outline-offset: 2px;
 }
 
 p {

src/wp-admin/css/site-health.css

@@ -322 +322 @@
         border: none;
         box-shadow: none;
         outline-offset: -2px;
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
 }
 
 .health-check-accordion-trigger .title {

src/wp-admin/css/themes.css

@@ -178 +178 @@
 }
 
 .theme-browser .theme:focus {
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
 }
 
 .theme-browser .theme:focus .more-details {

src/wp-admin/css/widgets.css

@@ -327 +327 @@
 }
 
 .sidebar-name .handlediv:focus .toggle-indicator:before {
-        box-shadow:
-                0 0 0 1px #5b9dd9,
-                0 0 2px 1px rgba(30, 140, 190, 0.8);
+        box-shadow: 0 0 0 2px #007cba;
+        /* Only visible in Windows High Contrast mode */
+        outline: 2px solid transparent;
 }
 
 .sidebar-name h2,

src/wp-includes/css/buttons.css

@@ -208 +208 @@
 
 .wp-core-ui .button-link:focus {
         color: #124964;
-        outline: 1px dotted #555d66;
+        outline: 2px solid #007cba;
+        outline-offset: 2px;
 }
 
 .wp-core-ui .button-link-delete {