Ticket #41858: 41858-buttons.diff

wp-admin/css/list-tables-rtl.css

@@ -680 +680 @@
         display: inline-block;
         min-width: 17px;
         border: 1px solid #ccc; /* same color as buttons border */
+        border-radius: 3px; /* same radius as buttons */
+        box-shadow: 0 1px 0 #cccccc; /* same shadow as buttons */
         padding: 3px 5px 7px;
-        background: #e5e5e5;
+        background: #f7f7f7; /* same color as buttons background */
         font-size: 16px;
         line-height: 1;
         font-weight: 400;
         text-align: center;
+        color: #555; /* same color as buttons border */
 }
 
 .tablenav-pages-navspan {
         height: 16px;
         border-color: #ddd; /* same as disabled buttons */
+        box-shadow: none; /* same as disabled buttons */
         background: #f7f7f7; /* same as disabled buttons */
         color: #a0a5aa; /* same as disabled buttons */
 }
 
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
-        border-color: #5b9dd9;
-        color: #fff;
-        background: #00a0d2;
-        box-shadow: none;
+        border-color: #999; /* same color as hovered buttons */
+        color: #23282d; /* same color as hovered buttons */
+        background: #fafafa; /* same color as hovered buttons */
+        box-shadow: 0 1px 0 #cccccc; /* same shadow as hovered buttons */
         outline: none; /* IE8 */
 }
 

wp-admin/css/list-tables.css

@@ -680 +680 @@
         display: inline-block;
         min-width: 17px;
         border: 1px solid #ccc; /* same color as buttons border */
+        border-radius: 3px; /* same radius as buttons */
+        box-shadow: 0 1px 0 #cccccc; /* same shadow as buttons */
         padding: 3px 5px 7px;
-        background: #e5e5e5;
+        background: #f7f7f7; /* same color as buttons background */
         font-size: 16px;
         line-height: 1;
         font-weight: 400;
         text-align: center;
+        color: #555; /* same color as buttons border */
 }
 
 .tablenav-pages-navspan {
         height: 16px;
         border-color: #ddd; /* same as disabled buttons */
+        box-shadow: none; /* same as disabled buttons */
         background: #f7f7f7; /* same as disabled buttons */
         color: #a0a5aa; /* same as disabled buttons */
 }
 
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
-        border-color: #5b9dd9;
-        color: #fff;
-        background: #00a0d2;
-        box-shadow: none;
+        border-color: #999; /* same color as hovered buttons */
+        color: #23282d; /* same color as hovered buttons */
+        background: #fafafa; /* same color as hovered buttons */
+        box-shadow: 0 1px 0 #cccccc; /* same shadow as hovered buttons */
         outline: none; /* IE8 */
 }