Ticket #34904: 34904.9.diff

src/wp-admin/css/common.css

@@ -623 +623 @@
         position: relative;
         top: -3px;
         text-decoration: none;
-        border: none;
-        border: 1px solid #ccc;
+        border: 1px solid #7e8993;
         border-radius: 2px;
-        background: #f7f7f7;
         text-shadow: none;
         font-weight: 600;
         font-size: 13px;
         line-height: normal; /* IE8-IE11 need this for buttons */
-        color: #0073aa; /* some of these controls are button elements and don't inherit from links */
+        color: #555; /* use the standard color used for buttons */
         cursor: pointer;
 }
 
@@ -641 +639 @@
 
 .wrap .add-new-h2:hover, /* deprecated */
 .wrap .page-title-action:hover {
-        border-color: #008EC2;
-        background: #00a0d2;
-        color: #fff;
+        background: #f3f5f6;
+        border-color: #7e8993;
+        color: #007cba;
 }
 
 /* lower specificity: color needs to be overridden by :hover and :active */
 .page-title-action:focus {
-        color: #124964;
+        color: #016087;
 }
 
 /* Dashicon for language options on General Settings and Profile screens */
@@ -658 +656 @@
 }
 
 .wrap .page-title-action:focus {
-        border-color: #5b9dd9;
-        box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+        border-color: #007cba;
+        box-shadow: 0 0 0 1px #007cba;
         /* Only visible in Windows High Contrast mode */
         outline: 2px solid transparent;
 }

src/wp-admin/css/forms.css

@@ -50 +50 @@
 input[type="radio"]:focus,
 select:focus,
 textarea:focus {
-        border-color: #5b9dd9;
-        box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+        border-color: #007cba;
+        box-shadow: 0 0 0 1px #007cba;
         /* Only visible in Windows High Contrast mode */
         outline: 2px solid transparent;
 }

src/wp-includes/css/buttons.css

@@ -124 +124 @@
 .wp-core-ui .button,
 .wp-core-ui .button-secondary {
         color: #555;
-        border-color: #cccccc;
-        background: #f7f7f7;
-        box-shadow: 0 1px 0 #cccccc;
+        border-color: #7e8993;
+        background: #f1f1f1;
         vertical-align: top;
 }
 
@@ -140 +139 @@
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-        background: #fafafa;
-        border-color: #999;
-        color: #23282d;
+        background: #f3f5f6;
+        border-color: #7e8993;
+        color: #007cba;
 }
 
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-        border-color: #5b9dd9;
-        box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+        background: #f3f5f6;
+        border-color: #007cba;
+        color: #016087;
+        box-shadow: 0 0 0 1px #007cba;
 }
 
 .wp-core-ui .button.active,
@@ -158 +159 @@
 .wp-core-ui .button-secondary:active {
         background: #eee;
         border-color: #999;
-        box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
         transform: translateY(1px);
+        box-shadow: none;
 }
 
 .wp-core-ui .button.active:focus {
@@ -241 +242 @@
 ---------------------------------------------------------------------------- */
 
 .wp-core-ui .button-primary {
-        background: #0085ba;
-        border-color: #0073aa #006799 #006799;
-        box-shadow: 0 1px 0 #006799;
+        background: #007cba;
+        border-color: #007cba;
         color: #fff;
         text-decoration: none;
-        text-shadow: 0 -1px 1px #006799,
-                1px 0 1px #006799,
-                0 1px 1px #006799,
-                -1px 0 1px #006799;
+        text-shadow: none;
 }
 
 .wp-core-ui .button-primary.hover,
 .wp-core-ui .button-primary:hover,
 .wp-core-ui .button-primary.focus,
 .wp-core-ui .button-primary:focus {
-        background: #008ec2;
-        border-color: #006799;
+        background: #0071a1;
+        border-color: #0071a1;
         color: #fff;
 }
 
 .wp-core-ui .button-primary.focus,
 .wp-core-ui .button-primary:focus {
-        box-shadow: 0 1px 0 #0073aa,
-                0 0 2px 1px #33b3db;
+        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
 }
 
 .wp-core-ui .button-primary.active,
 .wp-core-ui .button-primary.active:hover,
 .wp-core-ui .button-primary.active:focus,
 .wp-core-ui .button-primary:active {
-        background: #0073aa;
-        border-color: #006799;
-        box-shadow: inset 0 2px 0 #006799;
+        background: #00669b;
+        border-color: #00669b;
+        transform: translateY(1px);
+        box-shadow: none;
 }
 
 .wp-core-ui .button-primary[disabled],
@@ -282 +279 @@
 .wp-core-ui .button-primary.disabled {
         color: #66c6e4 !important;
         background: #008ec2 !important;
-        border-color: #007cb2 !important;
+        border-color: #008ec2 !important;
         box-shadow: none !important;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
+        text-shadow: none !important;
         cursor: default;
 }
 
-.wp-core-ui .button.button-primary.button-hero {
-        box-shadow: 0 2px 0 #006799;
-}
-
-.wp-core-ui .button.button-primary.button-hero:focus {
-        box-shadow:
-                0 2px 0 #006799,
-                0 1px 0 #0073aa,
-                0 0 2px 1px #33b3db;
-}
-
-.wp-core-ui .button.button-primary.button-hero.active,
-.wp-core-ui .button.button-primary.button-hero.active:hover,
-.wp-core-ui .button.button-primary.button-hero.active:focus,
-.wp-core-ui .button.button-primary.button-hero:active {
-        box-shadow: inset 0 3px 0 #006799;
-}
-
 /* ----------------------------------------------------------------------------
   4.0 - Button Groups
 ---------------------------------------------------------------------------- */
@@ -324 +303 @@
         margin-right: -1px;
 }
 
-.wp-core-ui .button-group > .button-primary {
-        z-index: 100;
-}
-
-.wp-core-ui .button-group > .button:hover {
-        z-index: 20;
-}
-
 .wp-core-ui .button-group > .button:first-child {
         border-radius: 3px 0 0 3px;
 }
@@ -340 +311 @@
         border-radius: 0 3px 3px 0;
 }
 
+.wp-core-ui .button-group > .button-primary + .button {
+        border-left: 0;
+}
+
 .wp-core-ui .button-group > .button:focus {
         position: relative;
         z-index: 1;
 }
 
+.wp-core-ui .button-group > .button:active {
+        transform: translateY(0);
+}
+
 /* ----------------------------------------------------------------------------
   5.0 - Responsive Button Styles
 ---------------------------------------------------------------------------- */
@@ -406 +385 @@
                 padding: 0 12px 2px;
         }
 
-}
+}
+ No newline at end of file