Ticket #40633: 40633-light-gray-700.diff

src/wp-admin/css/color-picker.css

@@ -17 +17 @@
 .wp-color-result-text {
         background: #f7f7f7;
         border-radius: 0 2px 2px 0;
-        border-left: 1px solid #ccc;
+        border-left: 1px solid #ccd0d4;
         color: #555;
         display: block;
         line-height: 22px;

src/wp-admin/css/colors/light/colors.scss

@@ -7 +7 @@
 $body-background: #f5f5f5;
 
 $menu-highlight-text: #fff;
-$menu-highlight-icon: #ccc;
+$menu-highlight-icon: #ccd0d4;
 $menu-highlight-background: #888;
 
 $menu-bubble-text: #fff;

src/wp-admin/css/common.css

@@ -600 +600 @@
         top: -3px;
         text-decoration: none;
         border: none;
-        border: 1px solid #ccc;
+        border: 1px solid #ccd0d4;
         border-radius: 2px;
         background: #f7f7f7;
         text-shadow: none;
@@ -753 +753 @@
 
 .quicktags,
 .search {
-        background-color: #ccc;
+        background-color: #ccd0d4;
         color: #000;
         font-size: 12px;
 }
@@ -1952 +1952 @@
         height: 1em;
         width: 200px;
         text-align: center;
-        color: #ccc;
+        color: #ccd0d4;
         font-size:18px;
         display: none;
 }
@@ -2069 +2069 @@
 }
 
 .temp-border {
-        border: 1px dotted #ccc;
+        border: 1px dotted #ccd0d4;
 }
 
 .columns-prefs label {
@@ -2122 +2122 @@
 
 .nav-tab {
         float: left;
-        border: 1px solid #ccc;
+        border: 1px solid #ccd0d4;
         border-bottom: none;
         margin-left: 0.5em; /* half the font size so set the font size properly */
         padding: 5px 10px;
@@ -2170 +2170 @@
 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
 .nav-tab-wrapper {
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid #ccd0d4;
         margin: 0;
         padding-top: 9px;
         padding-bottom: 0;
@@ -2767 +2767 @@
 #plugin-information pre {
         padding: 7px;
         overflow: auto;
-        border: 1px solid #ccc;
+        border: 1px solid #ccd0d4;
 }
 
 #plugin-information blockquote {
@@ -3354 +3354 @@
                 position: absolute;
                 top: 0;
                 right: 0;
-                background: #ccc;
+                background: #ccd0d4;
         }
 
 }
@@ -3712 +3712 @@
         h2 .nav-tab,
         h3 .nav-tab {
                 margin: 10px 10px 0 0;
-                border-bottom: 1px solid #ccc;
+                border-bottom: 1px solid #ccd0d4;
         }
 }
 

src/wp-admin/css/customize-controls.css

@@ -1903 +1903 @@
         width: 18px;
         height: 18px;
         border-radius: 100%;
-        border: 1px solid #ccc;
+        border: 1px solid #ccd0d4;
         background: #fff;
 }
 
@@ -2286 +2286 @@
 .wp-customizer .theme-overlay .theme-header button.disabled:focus {
         border-bottom: none;
         background: transparent;
-        color: #ccc;
+        color: #ccd0d4;
 }
 
 /* Small Screens */
@@ -2450 +2450 @@
 .move-down-disabled .menus-move-down,
 .move-right-disabled .menus-move-right,
 .move-left-disabled .menus-move-left {
-        color: #d5d5d5;
+        color: #ccd0d4;
         background-color: #fff;
         cursor: default;
         pointer-events: none;

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

@@ -196 +196 @@
 }
 
 .wp-customizer .menu-settings .menu-theme-locations {
-        border-top: 1px solid #ccc;
+        border-top: 1px solid #ccd0d4;
 }
 
 .wp-customizer .menu-settings {

src/wp-admin/css/customize-widgets.css

@@ -242 +242 @@
 #available-widgets .widget-tpl:hover,
 #available-widgets .widget-tpl.selected {
         background: #f3f3f5;
-        border-bottom-color: #ccc;
+        border-bottom-color: #ccd0d4;
         color: #0073aa;
         border-left: 4px solid #0073aa;
 }

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

@@ -123 +123 @@
 .commentlist li {
         padding: 1em 1em .2em;
         margin: 0;
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid #ccd0d4;
 }
 
 .commentlist li li {
@@ -672 +672 @@
 .tablenav-pages-navspan {
         display: inline-block;
         min-width: 17px;
-        border: 1px solid #ccc; /* same color as buttons border */
+        border: 1px solid #ccd0d4; /* same color as buttons border */
         padding: 3px 5px 7px;
         background: #e5e5e5;
         font-size: 16px;

src/wp-admin/css/media.css

@@ -535 +535 @@
 .media-frame.mode-grid .selected.attachment {
         box-shadow:
                 inset 0 0 0 5px #f1f1f1,
-                inset 0 0 0 7px #ccc;
+                inset 0 0 0 7px #ccd0d4;
 }
 
 .media-frame.mode-grid .attachment.details {
@@ -676 +676 @@
 .edit-attachment-frame .edit-media-header .left:focus,
 .edit-attachment-frame .edit-media-header .right:focus {
         background: #ddd;
-        border-color: #ccc;
+        border-color: #ccd0d4;
         color: #000;
         outline: none;
         box-shadow: none;
@@ -701 +701 @@
 .edit-attachment-frame .edit-media-header .right.disabled,
 .edit-attachment-frame .edit-media-header .left.disabled:hover,
 .edit-attachment-frame .edit-media-header .right.disabled:hover {
-        color: #ccc;
+        color: #ccd0d4;
         background: inherit;
         cursor: default;
         pointer-events: none;
@@ -952 +952 @@
 }
 
 .imgedit-menu .button.disabled {
-        border-color: #ccc;
+        border-color: #ccd0d4;
         background-color: #ddd;
         color: #72777c;
         filter: alpha(opacity=50);

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

@@ -255 +255 @@
 
 .locations-edit-menu-link {
         padding-right: 3px;
-        border-right: 1px solid #ccc;
+        border-right: 1px solid #ccd0d4;
 }
 
 #menu-management .inside {

src/wp-admin/css/revisions.css

@@ -458 +458 @@
 .wp-slider .ui-slider-handle,
 .wp-slider .ui-slider-handle.focus {
         background: #f7f7f7;
-        border: 1px solid #ccc;
-        box-shadow: 0 1px 0 #cccccc;
+        border: 1px solid #ccd0d4;
+        box-shadow: 0 1px 0 #ccd0d4;
 }
 
 .wp-slider .ui-slider-handle:hover,

src/wp-admin/css/themes.css

@@ -273 +273 @@
         bottom: 0;
         padding: 0;
         text-shadow: none;
-        border: 5px dashed #d5d2ca;
+        border: 5px dashed #ccd0d4;
         border: 5px dashed rgba(0, 0, 0, 0.1);
         box-sizing: border-box;
 }
@@ -412 +412 @@
 .theme-overlay .theme-header .left:focus,
 .theme-overlay .theme-header .left:hover {
         background: #ddd;
-        border-color: #ccc;
+        border-color: #ccd0d4;
         color: #000;
 }
 
@@ -432 +432 @@
 .theme-overlay .theme-header .right.disabled,
 .theme-overlay .theme-header .left.disabled:hover,
 .theme-overlay .theme-header .right.disabled:hover {
-        color: #ccc;
+        color: #ccd0d4;
         background: inherit;
         cursor: inherit;
 }
@@ -587 +587 @@
 
 /* Other screenshots, shown small and square */
 .theme-overlay .screenshot.thumb {
-        background: #ccc;
+        background: #ccd0d4;
         border: 1px solid #eee;
         float: none;
         display: inline-block;
@@ -1212 +1212 @@
 }
 
 .background-position-control .button-group:last-child .button {
-        box-shadow: 0 1px 0 #ccc;
+        box-shadow: 0 1px 0 #ccd0d4;
 }
 
 .background-position-control .button-group > label {
@@ -1422 +1422 @@
 .theme-install-overlay .next-theme:hover,
 .theme-install-overlay .next-theme:focus {
         background: #ddd;
-        border-color: #ccc;
+        border-color: #ccd0d4;
         color: #000;
         outline: none;
         box-shadow: none;
@@ -1780 +1780 @@
 .install-theme-info .theme-screenshot {
         margin: 15px 0;
         width: 258px;
-        border: 1px solid #ccc;
+        border: 1px solid #ccd0d4;
 }
 
 .install-theme-info .theme-details {

src/wp-admin/css/widgets.css

@@ -645 +645 @@
 }
 
 .widgets-chooser ul {
-        border: 1px solid #ccc;
+        border: 1px solid #ccd0d4;
 }
 
 .widgets-chooser li {
         padding: 10px 15px 10px 35px;
-        border-bottom: 1px solid #ccc;
+        border-bottom: 1px solid #ccd0d4;
         background: #fff;
         margin: 0;
         cursor: pointer;