General: update colors to match upcoming WP 5.7 color changes

See https://core.trac.wordpress.org/ticket/49999
Automattic · Feb 24, 2021 · 502383e · 502383e
1 parent 02b09b7
commit 502383e
Show file tree

Hide file tree

Showing 45 changed files with 89 additions and 89 deletions.
diff --git a/projects/packages/jitm/src/css/jetpack-admin-jitm-rtl.css b/projects/packages/jitm/src/css/jetpack-admin-jitm-rtl.css
@@ -50,15 +50,15 @@ https://github.com/thoughtbot/bourbon
 }
 
 .jitm-button:hover {
-  background: #f1f1f1;
+  background: #f0f0f1;
   border-color: #016087;
   color: #016087;
 }
 
 .jitm-button[disabled], .jitm-button:disabled {
-  color: #eeeeee;
+  color: #f0f0f1;
   background: white;
-  border-color: #eeeeee;
+  border-color: #f0f0f1;
   cursor: default;
 }
 
@@ -76,7 +76,7 @@ https://github.com/thoughtbot/bourbon
 }
 
 .jitm-button.is-compact:disabled {
-  color: #eeeeee;
+  color: #f0f0f1;
 }
 
 .jitm-button.is-compact .gridicon {

diff --git a/projects/packages/jitm/src/css/jetpack-admin-jitm.css b/projects/packages/jitm/src/css/jetpack-admin-jitm.css
diff --git a/projects/packages/jitm/src/css/jetpack-admin-jitm.scss b/projects/packages/jitm/src/css/jetpack-admin-jitm.scss
@@ -52,9 +52,9 @@ $blue-medium-dark:       #0071a1;
 	appearance: none;
 	text-align: center;
 	min-width: 90px;
-	
+
 	&:hover {
-		background: #f1f1f1;
+		background: #f0f0f1;
 		border-color: $blue-grey-dark;
 		color: $blue-grey-dark;
 	}

diff --git a/projects/plugins/beta/admin/admin.css b/projects/plugins/beta/admin/admin.css
@@ -132,7 +132,7 @@ html {
 }
 
 .dops-card-title .dops-card-meta {
-	color: #aaaaaa;
+	color: #a7aaad;
 	float: right;
 }
 
@@ -548,7 +548,7 @@ button.dops-foldable-card__action {
 .dops-foldable-card__header-text {
 	font-size: 1.125rem;
 	width: 100%;
-	color: #23282d;
+	color: #1d2327;
 }
 
 .dops-foldable-card__header-text small {

diff --git a/projects/plugins/jetpack/_inc/client/at-a-glance/style.scss b/projects/plugins/jetpack/_inc/client/at-a-glance/style.scss
@@ -223,7 +223,7 @@
 	&.is-current,
 	&:visited.is-current,
 	&:focus.is-current {
-		color: #23282d;
+		color: #1d2327;
 		text-decoration: none;
 	}
 }

diff --git a/projects/plugins/jetpack/_inc/client/components/button/style.scss b/projects/plugins/jetpack/_inc/client/components/button/style.scss
@@ -29,7 +29,7 @@
 	appearance: none;
 
 	&:hover {
-		background: #f1f1f1;
+		background: #f0f0f1;
 		border-color: $blue-grey-dark;
 		color: $blue-grey-dark;
 	}

diff --git a/projects/plugins/jetpack/_inc/client/components/card/style.scss b/projects/plugins/jetpack/_inc/client/components/card/style.scss
@@ -4,7 +4,7 @@
 @import '../../scss/functions/rem';
 
 $title: #f9f9f9;
-$meta: #AAAAAA;
+$meta: #a7aaad;
 $border: #DDDDDD;
 $section-border: #DDDDDD;
 

diff --git a/projects/plugins/jetpack/_inc/client/components/form/style.scss b/projects/plugins/jetpack/_inc/client/components/form/style.scss
@@ -123,7 +123,7 @@ input[type=radio] + span {
 			padding: 10px 12px;
 			margin: 0;
 		}
-		
+
 		&.floating--floated {
 			color: #333;
 			z-index: 0;
@@ -150,7 +150,7 @@ input[type=radio] + span {
 
 .dops-form-actionbar {
 	background: #f9f9f9;
-	color: #aaa;
+	color: #a7aaad;
 	padding: 15px 20px 15px 20px;
 }
 

diff --git a/projects/plugins/jetpack/_inc/client/components/popover/docs/example.jsx b/projects/plugins/jetpack/_inc/client/components/popover/docs/example.jsx
@@ -186,7 +186,7 @@ const Popovers = createReactClass( {
 						lineHeight: `${ width / 3 }px`,
 						textAlign: 'center',
 						float: 'left',
-						backgroundColor: '#eee',
+						backgroundColor: '#f0f0f1',
 						border: '1px solid #ddd',
 						boxSixing: 'border-box',
 					} }

diff --git a/projects/plugins/jetpack/_inc/client/scss/variables/_colors.scss b/projects/plugins/jetpack/_inc/client/scss/variables/_colors.scss
@@ -109,4 +109,4 @@ $green-dark: #008b1d;
 
 $wpui-gray-light: #f5f5f5;
 $wpui-dark-medium-gray: #555d66;
-$wpui-header-dark: #23282d;
+$wpui-header-dark: #1d2327;
diff --git a/projects/plugins/jetpack/extensions/blocks/revue/view.scss b/projects/plugins/jetpack/extensions/blocks/revue/view.scss
@@ -29,7 +29,7 @@
 	}
 
 	.required {
-		color: #aaaaaa;
+		color: #a7aaad;
 		font-weight: normal;
 	}
 }

diff --git a/...ects/plugins/jetpack/extensions/blocks/social-previews/upgrade-illustration.svg b/...ects/plugins/jetpack/extensions/blocks/social-previews/upgrade-illustration.svg
diff --git a/projects/plugins/jetpack/images/recommendations/background-alt.svg b/projects/plugins/jetpack/images/recommendations/background-alt.svg
diff --git a/projects/plugins/jetpack/images/recommendations/background.svg b/projects/plugins/jetpack/images/recommendations/background.svg
diff --git a/projects/plugins/jetpack/modules/carousel/jetpack-carousel.css b/projects/plugins/jetpack/modules/carousel/jetpack-carousel.css
@@ -387,7 +387,7 @@ div#carousel-reblog-box {
 }
 
 #carousel-reblog-box label {
-	color: #aaa;
+	color: #a7aaad;
 	font-size: 11px;
 	padding-right: 2px;
 	padding-left: 2px;
@@ -401,7 +401,7 @@ div#carousel-reblog-box {
 	font-size: 12px;
 	font-family: "Helvetica Neue", sans-serif !important;
 	background: #333;
-	color: #eee;
+	color: #f0f0f1;
 	border: 1px solid #444;
 	margin-top:5px;
 }
@@ -422,7 +422,7 @@ div#carousel-reblog-box {
 	clear: none;
 	padding-left: 2px;
 	height: 34px;
-	color: #aaa;
+	color: #a7aaad;
 }
 
 #carousel-reblog-box input#carousel-reblog-submit, #jp-carousel-comment-form-button-submit {
@@ -434,20 +434,20 @@ div#carousel-reblog-box {
 	color: #333;
 	cursor:pointer;
 	font-weight: normal;
-	background: #aaa;
-	background: -moz-linear-gradient(bottom,  #aaa,  #ccc);
-	background: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#ccc));
+	background: #a7aaad;
+	background: -moz-linear-gradient(bottom,  #a7aaad,  #ccc);
+	background: -webkit-gradient(linear, left bottom, left top, from(#a7aaad), to(#ccc));
 	border: 1px solid #444;
 }
 
 #carousel-reblog-box input#carousel-reblog-submit:hover, #jp-carousel-comment-form-button-submit:hover {
 	background: #ccc;
-	background: -moz-linear-gradient(bottom,  #ccc,  #eee);
-	background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#eee));
+	background: -moz-linear-gradient(bottom,  #ccc,  #f0f0f1);
+	background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#f0f0f1));
 }
 
 #carousel-reblog-box .canceltext {
-	color: #aaa;
+	color: #a7aaad;
 	font-size: 11px;
 	line-height: 24px;
 }
@@ -713,7 +713,7 @@ a.jp-carousel-image-download:hover {
 textarea#jp-carousel-comment-form-comment-field {
 	background: rgba(34,34,34,0.9);
 	border: 1px solid #3a3a3a;
-	color: #aaa;
+	color: #a7aaad;
 	font: 15px/1.4 "Helvetica Neue", sans-serif !important;
 	width: 100%;
 	padding: 10px 10px 5px;
@@ -741,7 +741,7 @@ textarea#jp-carousel-comment-form-comment-field:focus {
 }
 
 textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder {
-	color: #aaa;
+	color: #a7aaad;
 }
 
 #jp-carousel-comment-form-spinner,
@@ -802,7 +802,7 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder
 #jp-carousel-comment-form-commenting-as input {
 	background: rgba(34,34,34,0.9);
 	border: 1px solid #3a3a3a;
-	color: #aaa;
+	color: #a7aaad;
 	font: 13px/1.4 "Helvetica Neue", sans-serif !important;
 	padding: 3px 6px;
 	float: left;
@@ -981,7 +981,7 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder
 }
 
 .jp-carousel-light div#carousel-reblog-box {
-	background: #eee;
+	background: #f0f0f1;
 	background: -moz-linear-gradient(bottom,  #ececec,  #f7f7f7);
 	background: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f7f7f7));
 	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
@@ -1006,22 +1006,22 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder
 }
 
 .jp-carousel-light #carousel-reblog-box select {
-	background: #eee;
+	background: #f0f0f1;
 	color: #333;
-	border: 1px solid #aaa;
+	border: 1px solid #a7aaad;
 }
 
 .jp-carousel-light #carousel-reblog-box input#carousel-reblog-submit, #jp-carousel-comment-form-button-submit {
 	color: #333;
 	background: #fff;
 	background: -moz-linear-gradient(bottom,  #ddd,  #fff);
 	background: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
-	border: 1px solid #aaa;
+	border: 1px solid #a7aaad;
 }
 
 .jp-carousel-light .jp-carousel-image-meta {
 	background: #fafafa;
-	border: 1px solid #eee;
+	border: 1px solid #f0f0f1;
 	border-top-color: #f5f5f5;
 	border-left-color: #f5f5f5;
 	color: #333;
@@ -1041,7 +1041,7 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder
 }
 
 .jp-carousel-light #jp-carousel-comment-form-comment-field::-webkit-input-placeholder {
-	color: #aaa;
+	color: #a7aaad;
 }
 
 .jp-carousel-light #jp-carousel-comment-form-comment-field:focus {
@@ -1094,7 +1094,7 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder
 }
 
 .jp-carousel-light .jp-carousel-titleanddesc {
-	border-top: 1px solid #eee;
+	border-top: 1px solid #f0f0f1;
 }
 
 .jp-carousel-light .jp-carousel-fadeaway {

diff --git a/projects/plugins/jetpack/modules/comment-likes/admin-style.css b/projects/plugins/jetpack/modules/comment-likes/admin-style.css
@@ -27,7 +27,7 @@
 }
 
 .fixed .column-comment_likes .comment-like-count:hover {
-    background-color: #0073aa;
+    background-color: #2271b1;
 }
 
 .fixed .column-comment_likes .vers:before {

diff --git a/projects/plugins/jetpack/modules/contact-form/grunion-form-view.php b/projects/plugins/jetpack/modules/contact-form/grunion-form-view.php
@@ -87,7 +87,7 @@
 	img { border: none; }
 	label { color: #222; font-weight: bold; display: block; margin-bottom: 4px; }
 	label.radio { width: auto; margin: -2px 0 0 5px; }
-	label span.label-required { color: #AAA; margin-left: 4px; font-weight: normal; }
+	label span.label-required { color: #a7aaad; margin-left: 4px; font-weight: normal; }
 	td { vertical-align: top; }
 	select { width: 300px; }
 	textarea { height: 100px; width: 311px; }

diff --git a/projects/plugins/jetpack/modules/custom-css/custom-css/css/customizer-control.css b/projects/plugins/jetpack/modules/custom-css/custom-css/css/customizer-control.css
@@ -52,7 +52,7 @@
 #customize-control-wpcom_custom_css_content_width_control .description {
 	display: block;
 	margin: 28px 0 0 0;
-	color: #aaa;
+	color: #a7aaad;
 }
 
 #customize-control-wpcom_custom_css_content_width_control .description strong {
@@ -85,7 +85,7 @@
 }
 
 .css-help a:hover {
-	color: #0073aa;
+	color: #2271b1;
 	background-color: #f3f3f5;
 }
 
@@ -100,9 +100,9 @@
 }
 
 .css-help a:focus {
-	color: #0073aa;
+	color: #2271b1;
 	background-color: #f3f3f5;
-	border-bottom-color: #0073aa;
+	border-bottom-color: #2271b1;
 	box-shadow: none;
 }
 

diff --git a/projects/plugins/jetpack/modules/custom-post-types/css/nova.css b/projects/plugins/jetpack/modules/custom-post-types/css/nova.css
@@ -17,7 +17,7 @@
 	text-align: center;
 }
 .widefat .menu-label-row, .widefat .menu-label-row td {
-	background-color: #eee;
+	background-color: #f0f0f1;
 	color: #111;
 	border: 0 none;
 	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
@@ -107,4 +107,4 @@
 	margin: 2px 5px 0 10px;
 	content: "\f327";
 	font-size: 10px;
-}
+}
diff --git a/projects/plugins/jetpack/modules/infinite-scroll/infinity.css b/projects/plugins/jetpack/modules/infinite-scroll/infinity.css
@@ -10,7 +10,7 @@
 #infinite-handle span {
 	background: #333;
 	border-radius: 1px;
-	color: #eee;
+	color: #f0f0f1;
 	cursor: pointer;
 	font-size: 13px;
 	padding: 6px 16px;

diff --git a/projects/plugins/jetpack/modules/likes.php b/projects/plugins/jetpack/modules/likes.php
@@ -349,7 +349,7 @@ function load_admin_css() {
 				line-height: 21px;
 			}
 			.fixed .column-likes .post-com-count::after { border: none !important; }
-			.fixed .column-likes .post-com-count:hover { background-color: #0073AA; }
+			.fixed .column-likes .post-com-count:hover { background-color: #2271b1; }
 			.fixed .column-likes .vers:before {
 				font: normal 20px/1 dashicons;
 				content: '\f155';

diff --git a/projects/plugins/jetpack/modules/masterbar/masterbar/overrides.css b/projects/plugins/jetpack/modules/masterbar/masterbar/overrides.css
@@ -76,7 +76,7 @@
 }
 
 .jetpack-masterbar #wpadminbar #wp-admin-bar-recovery-mode {
-	background-color: #ca4a1f;
+	background-color: #d63638;
 	color: #fff;
 	margin-right: 1em;
 }