From 502383e9d8ab5d91a86adc73d03b9aa53be4e3ae Mon Sep 17 00:00:00 2001 From: Jeremy Herve Date: Wed, 24 Feb 2021 13:21:00 +0100 Subject: [PATCH] General: update colors to match upcoming WP 5.7 color changes See https://core.trac.wordpress.org/ticket/49999 --- .../jitm/src/css/jetpack-admin-jitm-rtl.css | 8 ++-- .../jitm/src/css/jetpack-admin-jitm.css | 8 ++-- .../jitm/src/css/jetpack-admin-jitm.scss | 4 +- projects/plugins/beta/admin/admin.css | 4 +- .../_inc/client/at-a-glance/style.scss | 2 +- .../_inc/client/components/button/style.scss | 2 +- .../_inc/client/components/card/style.scss | 2 +- .../_inc/client/components/form/style.scss | 4 +- .../components/popover/docs/example.jsx | 2 +- .../_inc/client/scss/variables/_colors.scss | 2 +- .../jetpack/extensions/blocks/revue/view.scss | 2 +- .../social-previews/upgrade-illustration.svg | 2 +- .../images/recommendations/background-alt.svg | 2 +- .../images/recommendations/background.svg | 2 +- .../modules/carousel/jetpack-carousel.css | 38 +++++++++---------- .../modules/comment-likes/admin-style.css | 2 +- .../contact-form/grunion-form-view.php | 2 +- .../custom-css/css/customizer-control.css | 8 ++-- .../modules/custom-post-types/css/nova.css | 4 +- .../modules/infinite-scroll/infinity.css | 2 +- projects/plugins/jetpack/modules/likes.php | 2 +- .../modules/masterbar/masterbar/overrides.css | 2 +- .../protect/protect-dashboard-widget.css | 2 +- .../plugins/jetpack/modules/publicize/ui.php | 2 +- .../components/search-result-comments.scss | 2 +- .../jetpack/modules/sharedaddy/sharing.css | 2 +- .../modules/shortcodes/css/gravatar-amp.css | 2 +- .../jetpack/modules/shortcodes/gravatar.php | 2 +- .../theme-tools/compat/twentynineteen.css | 2 +- .../site-logo/css/site-logo-control-rtl.css | 4 +- .../css/site-logo-control-rtl.min.css | 2 +- .../site-logo/css/site-logo-control.css | 4 +- .../site-logo/css/site-logo-control.min.css | 2 +- .../tiled-gallery/tiled-gallery.css | 2 +- .../widgets/goodreads/css/goodreads.css | 2 +- .../search/css/search-widget-admin-ui.css | 2 +- .../widgets/simple-payments/customizer.css | 6 +-- .../social-icons/social-icons-admin.css | 2 +- .../widgets/social-media-icons/style.css | 4 +- .../scss/_utilities/_accessibility.scss | 2 +- .../scss/atoms/typography/_variables.scss | 2 +- .../jetpack/scss/jetpack-idc-admin-bar.scss | 6 +-- .../plugins/jetpack/scss/templates/_main.scss | 12 +++--- .../jetpack/scss/templates/_settings.scss | 2 +- .../plugins/jetpack/scss/wordads-ccpa.scss | 4 +- 45 files changed, 89 insertions(+), 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 index 7c819c7877d5b..10ccd41f6912b 100644 --- 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 index 551d719bacb62..b20f95484f66c 100644 --- a/projects/packages/jitm/src/css/jetpack-admin-jitm.css +++ b/projects/packages/jitm/src/css/jetpack-admin-jitm.css @@ -49,15 +49,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; } @@ -75,7 +75,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.scss b/projects/packages/jitm/src/css/jetpack-admin-jitm.scss index 2d6e5298b5a86..b94acd4955cdd 100644 --- 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 index f7698ba387a6e..e72436705007c 100644 --- 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 index 50c763ce164ce..c8f6b7c7f754e 100644 --- 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 index 0c3ade8211126..9e29b16c852c3 100644 --- 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 index 67afdd234c314..a931b1d98a6df 100644 --- 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 index 60f2deed0c483..3b68a84e22eb2 100644 --- 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 index 222f095cc639d..48bdcb4da9f91 100644 --- 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 index 448156d86fd18..1112daad7d45b 100644 --- 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 index a0e62cea414dc..dd8cad5b1daa7 100644 --- 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/projects/plugins/jetpack/extensions/blocks/social-previews/upgrade-illustration.svg b/projects/plugins/jetpack/extensions/blocks/social-previews/upgrade-illustration.svg index 04273a67922a5..eccd28dbff827 100644 --- a/projects/plugins/jetpack/extensions/blocks/social-previews/upgrade-illustration.svg +++ b/projects/plugins/jetpack/extensions/blocks/social-previews/upgrade-illustration.svg @@ -20,7 +20,7 @@ - + diff --git a/projects/plugins/jetpack/images/recommendations/background-alt.svg b/projects/plugins/jetpack/images/recommendations/background-alt.svg index 3ccdafc50bd3b..8f63d14e3d044 100644 --- a/projects/plugins/jetpack/images/recommendations/background-alt.svg +++ b/projects/plugins/jetpack/images/recommendations/background-alt.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/projects/plugins/jetpack/images/recommendations/background.svg b/projects/plugins/jetpack/images/recommendations/background.svg index df0d2dc75bfc2..e08a031a335cc 100644 --- a/projects/plugins/jetpack/images/recommendations/background.svg +++ b/projects/plugins/jetpack/images/recommendations/background.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/projects/plugins/jetpack/modules/carousel/jetpack-carousel.css b/projects/plugins/jetpack/modules/carousel/jetpack-carousel.css index c8d02dc5c04d6..e36e05d5a6518 100644 --- 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,9 +1006,9 @@ 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 { @@ -1016,12 +1016,12 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder 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 index 7079fe7eeca4a..4fae7f8b16d29 100644 --- 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 index 24afc0927bd6b..8999d39261fe7 100644 --- 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 index 1076f0c5d99f5..cfea3aa395ac2 100644 --- 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 index 309b510f9d345..64dcd64113413 100644 --- 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; -} \ No newline at end of file +} diff --git a/projects/plugins/jetpack/modules/infinite-scroll/infinity.css b/projects/plugins/jetpack/modules/infinite-scroll/infinity.css index 5ef2b103e1cb2..3e6708b62cd2a 100644 --- 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 index 47357395e2e57..27b783146f5ea 100644 --- 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 index f7e214cf6b5e9..f15415411e086 100644 --- 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; } diff --git a/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css b/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css index b4a6b08e8751e..14361bbb8fd27 100644 --- a/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css +++ b/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css @@ -65,7 +65,7 @@ .blocked-attacks { background: #fafafa; - border-bottom: 1px #eee solid; + border-bottom: 1px #f0f0f1 solid; padding-bottom: 35px; } diff --git a/projects/plugins/jetpack/modules/publicize/ui.php b/projects/plugins/jetpack/modules/publicize/ui.php index 43a6c05f5de7c..156b25ef32d6a 100644 --- a/projects/plugins/jetpack/modules/publicize/ui.php +++ b/projects/plugins/jetpack/modules/publicize/ui.php @@ -390,7 +390,7 @@ function post_page_metabox_assets() { padding-right: 3px; vertical-align: top; -webkit-font-smoothing: antialiased; - color: #82878c; + color: #8c8f94; } .post-new-php .authorize-link, .post-php .authorize-link { line-height: 1.5em; diff --git a/projects/plugins/jetpack/modules/search/instant-search/components/search-result-comments.scss b/projects/plugins/jetpack/modules/search/instant-search/components/search-result-comments.scss index ee3c415eb2900..0211a75c2e459 100644 --- a/projects/plugins/jetpack/modules/search/instant-search/components/search-result-comments.scss +++ b/projects/plugins/jetpack/modules/search/instant-search/components/search-result-comments.scss @@ -3,7 +3,7 @@ margin-top: 16px; padding-left: 16px; font-size: 0.9em; - border-left: 2px solid #eee; + border-left: 2px solid #f0f0f1; word-break: break-word; .gridicon { diff --git a/projects/plugins/jetpack/modules/sharedaddy/sharing.css b/projects/plugins/jetpack/modules/sharedaddy/sharing.css index bb2bdd6ce3fac..e48c248e3127a 100644 --- a/projects/plugins/jetpack/modules/sharedaddy/sharing.css +++ b/projects/plugins/jetpack/modules/sharedaddy/sharing.css @@ -665,7 +665,7 @@ body .sd-social-icon .sd-content li.share-custom a span { .sharing-screen-reader-text:hover, .sharing-screen-reader-text:active, .sharing-screen-reader-text:focus { - background-color: #f1f1f1; + background-color: #f0f0f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; diff --git a/projects/plugins/jetpack/modules/shortcodes/css/gravatar-amp.css b/projects/plugins/jetpack/modules/shortcodes/css/gravatar-amp.css index 03f0c9f0fa33a..4b1ec884a42a8 100644 --- a/projects/plugins/jetpack/modules/shortcodes/css/gravatar-amp.css +++ b/projects/plugins/jetpack/modules/shortcodes/css/gravatar-amp.css @@ -2,7 +2,7 @@ * Styles for the [gravatar_profile] shortcode when it is called from an AMP context */ .grofile-wrap { - border: solid 1px #eee; + border: solid 1px #f0f0f1; padding: 10px; } diff --git a/projects/plugins/jetpack/modules/shortcodes/gravatar.php b/projects/plugins/jetpack/modules/shortcodes/gravatar.php index 709b1851db4ce..ac93631dcf15e 100644 --- a/projects/plugins/jetpack/modules/shortcodes/gravatar.php +++ b/projects/plugins/jetpack/modules/shortcodes/gravatar.php @@ -119,7 +119,7 @@ function jetpack_gravatar_profile_shortcode( $atts ) { styleNode.type = 'text/css'; styleNode.id = 'gravatar-profile-embed-styles'; - var gCSS = '.grofile-wrap { border: solid 1px #eee; padding: 10px; } .grofile { padding: 0 0 5px 0; } .grofile-left { float: left; display: block; width: 96px; margin-right: 15px; } .grofile .gravatar { margin-bottom: 5px; } .grofile-clear { clear: left; font-size: 1px; height: 1px; } .grofile ul li a { text-indent: -99999px; } .grofile .grofile-left a:hover { text-decoration: none !important; border: none !important; } .grofile-name { margin-top: 0; }'; + var gCSS = '.grofile-wrap { border: solid 1px #f0f0f1; padding: 10px; } .grofile { padding: 0 0 5px 0; } .grofile-left { float: left; display: block; width: 96px; margin-right: 15px; } .grofile .gravatar { margin-bottom: 5px; } .grofile-clear { clear: left; font-size: 1px; height: 1px; } .grofile ul li a { text-indent: -99999px; } .grofile .grofile-left a:hover { text-decoration: none !important; border: none !important; } .grofile-name { margin-top: 0; }'; if ( document.all ) { styleNode.innerText = gCSS; diff --git a/projects/plugins/jetpack/modules/theme-tools/compat/twentynineteen.css b/projects/plugins/jetpack/modules/theme-tools/compat/twentynineteen.css index 4ba953f0b2850..756559398d7eb 100644 --- a/projects/plugins/jetpack/modules/theme-tools/compat/twentynineteen.css +++ b/projects/plugins/jetpack/modules/theme-tools/compat/twentynineteen.css @@ -37,7 +37,7 @@ .site-main #infinite-handle span button:hover, .site-main #infinite-handle span button:focus { transition: background 150ms ease-in-out; - background: #0073aa; + background: #2271b1; border: none; border-radius: 5px; box-sizing: border-box; diff --git a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.css b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.css index e0d9a2c43f8c8..457f00171805c 100644 --- a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.css +++ b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.css @@ -7,7 +7,7 @@ } #customize-control-site_logo .current span { - border: 1px solid #eee; + border: 1px solid #f0f0f1; border-radius: 2px; color: #555; display: block; @@ -46,4 +46,4 @@ display: block; clear: both; margin-bottom: 10px; -} \ No newline at end of file +} diff --git a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.min.css b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.min.css index f07c2f740a1b0..c347fd3c86728 100644 --- a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.min.css +++ b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control-rtl.min.css @@ -1 +1 @@ -#customize-control-site_logo .current{margin-bottom:6px}#customize-control-site_logo .current span{border:1px solid #eee;border-radius:2px;color:#555;display:block;overflow:hidden;line-height:40px;min-height:40px;padding:0 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}#customize-control-site_logo .current img{max-width:100%}#customize-control-site_logo button.change,#customize-control-site_logo button.new,#customize-control-site_logo button.remove{height:auto;width:48%;white-space:normal}#customize-control-site_logo .remove{float:right;margin-left:3px}#customize-control-site_logo .change,#customize-control-site_logo .new{float:left}#customize-control-site_logo .customize-control-description{display:block;clear:both;margin-bottom:10px} \ No newline at end of file +#customize-control-site_logo .current{margin-bottom:6px}#customize-control-site_logo .current span{border:1px solid #f0f0f1;border-radius:2px;color:#555;display:block;overflow:hidden;line-height:40px;min-height:40px;padding:0 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}#customize-control-site_logo .current img{max-width:100%}#customize-control-site_logo button.change,#customize-control-site_logo button.new,#customize-control-site_logo button.remove{height:auto;width:48%;white-space:normal}#customize-control-site_logo .remove{float:right;margin-left:3px}#customize-control-site_logo .change,#customize-control-site_logo .new{float:left}#customize-control-site_logo .customize-control-description{display:block;clear:both;margin-bottom:10px} \ No newline at end of file diff --git a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.css b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.css index b9a10fe696003..019a6272cc2c2 100644 --- a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.css +++ b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.css @@ -6,7 +6,7 @@ } #customize-control-site_logo .current span { - border: 1px solid #eee; + border: 1px solid #f0f0f1; -webkit-border-radius: 2px; border-radius: 2px; color: #555; @@ -46,4 +46,4 @@ display: block; clear: both; margin-bottom: 10px; -} \ No newline at end of file +} diff --git a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.min.css b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.min.css index 0c1eede3a0424..f6fb8932c8673 100644 --- a/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.min.css +++ b/projects/plugins/jetpack/modules/theme-tools/site-logo/css/site-logo-control.min.css @@ -1,2 +1,2 @@ /* Do not modify this file directly. It is concatenated from individual module CSS files. */ -#customize-control-site_logo .current{margin-bottom:6px}#customize-control-site_logo .current span{border:1px solid #eee;border-radius:2px;color:#555;display:block;overflow:hidden;line-height:40px;min-height:40px;padding:0 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}#customize-control-site_logo .current img{max-width:100%}#customize-control-site_logo button.change,#customize-control-site_logo button.new,#customize-control-site_logo button.remove{height:auto;width:48%;white-space:normal}#customize-control-site_logo .remove{float:left;margin-right:3px}#customize-control-site_logo .change,#customize-control-site_logo .new{float:right}#customize-control-site_logo .customize-control-description{display:block;clear:both;margin-bottom:10px} \ No newline at end of file +#customize-control-site_logo .current{margin-bottom:6px}#customize-control-site_logo .current span{border:1px solid #f0f0f1;border-radius:2px;color:#555;display:block;overflow:hidden;line-height:40px;min-height:40px;padding:0 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}#customize-control-site_logo .current img{max-width:100%}#customize-control-site_logo button.change,#customize-control-site_logo button.new,#customize-control-site_logo button.remove{height:auto;width:48%;white-space:normal}#customize-control-site_logo .remove{float:left;margin-right:3px}#customize-control-site_logo .change,#customize-control-site_logo .new{float:right}#customize-control-site_logo .customize-control-description{display:block;clear:both;margin-bottom:10px} \ No newline at end of file diff --git a/projects/plugins/jetpack/modules/tiled-gallery/tiled-gallery/tiled-gallery.css b/projects/plugins/jetpack/modules/tiled-gallery/tiled-gallery/tiled-gallery.css index 748a588db5599..9119ccc64c6ac 100644 --- a/projects/plugins/jetpack/modules/tiled-gallery/tiled-gallery/tiled-gallery.css +++ b/projects/plugins/jetpack/modules/tiled-gallery/tiled-gallery/tiled-gallery.css @@ -41,7 +41,7 @@ vertical-align: middle; } .tiled-gallery-caption { /* Captions */ - background: #eee; + background: #f0f0f1; background: rgba( 255,255,255,0.8 ); color: #333; font-size: 13px; diff --git a/projects/plugins/jetpack/modules/widgets/goodreads/css/goodreads.css b/projects/plugins/jetpack/modules/widgets/goodreads/css/goodreads.css index d329cb7e06cb3..69a5479734bcb 100644 --- a/projects/plugins/jetpack/modules/widgets/goodreads/css/goodreads.css +++ b/projects/plugins/jetpack/modules/widgets/goodreads/css/goodreads.css @@ -22,7 +22,7 @@ div[class^="gr_custom_each_container"] { margin-bottom: 10px; overflow: auto; padding-bottom: 4px; - border-bottom: 1px solid #aaa; + border-bottom: 1px solid #a7aaad; } div[class^="gr_custom_book_container"] { /* customize your book covers here */ diff --git a/projects/plugins/jetpack/modules/widgets/search/css/search-widget-admin-ui.css b/projects/plugins/jetpack/modules/widgets/search/css/search-widget-admin-ui.css index a3313f0505f26..3f28f527c0e8f 100644 --- a/projects/plugins/jetpack/modules/widgets/search/css/search-widget-admin-ui.css +++ b/projects/plugins/jetpack/modules/widgets/search/css/search-widget-admin-ui.css @@ -37,7 +37,7 @@ .jetpack-search-filters-widget__filter-placeholder { border: 1px #555 dashed; - background-color: #eee; + background-color: #f0f0f1; height: 286px; margin-bottom: 12px; } diff --git a/projects/plugins/jetpack/modules/widgets/simple-payments/customizer.css b/projects/plugins/jetpack/modules/widgets/simple-payments/customizer.css index 12278a603fa02..3cfdae4a028b9 100644 --- a/projects/plugins/jetpack/modules/widgets/simple-payments/customizer.css +++ b/projects/plugins/jetpack/modules/widgets/simple-payments/customizer.css @@ -25,7 +25,7 @@ } .widget-content .jetpack-simple-payments-image-fieldset .placeholder { - border: 1px dashed #b4b9be; + border: 1px dashed #c3c4c7; box-sizing: border-box; cursor: pointer; line-height: 20px; @@ -46,7 +46,7 @@ .widget-content .jetpack-simple-payments-image img { max-width: 100%; box-sizing: border-box; - border: 1px dashed #b4b9be; + border: 1px dashed #c3c4c7; padding: 4px; height: auto; cursor: pointer; @@ -76,5 +76,5 @@ .widget-content .button-link:disabled, .widget-content .button-link:hover[disabled] { - color: #a0a5aa; + color: #a7aaad; } diff --git a/projects/plugins/jetpack/modules/widgets/social-icons/social-icons-admin.css b/projects/plugins/jetpack/modules/widgets/social-icons/social-icons-admin.css index 575ac09fc692c..2f1a43b435076 100644 --- a/projects/plugins/jetpack/modules/widgets/social-icons/social-icons-admin.css +++ b/projects/plugins/jetpack/modules/widgets/social-icons/social-icons-admin.css @@ -34,7 +34,7 @@ html[class*='wordpress_com'] .jetpack-social-icons-widget-item.ui-sortable-helpe } .jetpack-social-icons-widget-item.ui-state-placeholder { - border-color: #a0a5aa; + border-color: #a7aaad; border-style: dashed; margin: 0 0 1px; } diff --git a/projects/plugins/jetpack/modules/widgets/social-media-icons/style.css b/projects/plugins/jetpack/modules/widgets/social-media-icons/style.css index 665d1c7da58cd..30141687cccff 100644 --- a/projects/plugins/jetpack/modules/widgets/social-media-icons/style.css +++ b/projects/plugins/jetpack/modules/widgets/social-media-icons/style.css @@ -29,7 +29,7 @@ .widget_wpcom_social_media_icons_widget .screen-reader-text:hover, .widget_wpcom_social_media_icons_widget .screen-reader-text:active, .widget_wpcom_social_media_icons_widget .screen-reader-text:focus { - background-color: #f1f1f1; + background-color: #f0f0f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; @@ -46,4 +46,4 @@ top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ -} \ No newline at end of file +} diff --git a/projects/plugins/jetpack/scss/_utilities/_accessibility.scss b/projects/plugins/jetpack/scss/_utilities/_accessibility.scss index b21c12d3b1c03..6eb6c61a4abc0 100644 --- a/projects/plugins/jetpack/scss/_utilities/_accessibility.scss +++ b/projects/plugins/jetpack/scss/_utilities/_accessibility.scss @@ -10,7 +10,7 @@ &:hover, &:active, &:focus { - background-color: #f1f1f1; + background-color: #f0f0f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; diff --git a/projects/plugins/jetpack/scss/atoms/typography/_variables.scss b/projects/plugins/jetpack/scss/atoms/typography/_variables.scss index e1a912b1b464c..4f58918ca3a2e 100644 --- a/projects/plugins/jetpack/scss/atoms/typography/_variables.scss +++ b/projects/plugins/jetpack/scss/atoms/typography/_variables.scss @@ -11,7 +11,7 @@ $root-font:( line-height: 1.4 ); -$pre__background: #eee; +$pre__background: #f0f0f1; $mark__background: #fff9c0; // ========================================================================== diff --git a/projects/plugins/jetpack/scss/jetpack-idc-admin-bar.scss b/projects/plugins/jetpack/scss/jetpack-idc-admin-bar.scss index 4091488f2b4d4..41f358f9d99d2 100644 --- a/projects/plugins/jetpack/scss/jetpack-idc-admin-bar.scss +++ b/projects/plugins/jetpack/scss/jetpack-idc-admin-bar.scss @@ -5,13 +5,13 @@ #wp-admin-bar-jetpack-idc .jp-idc-admin-bar { background: #fff; border-radius: 2px; - color: #23282d; + color: #1d2327; padding: 4px 8px; font-size: 12px; } #wpadminbar #wp-admin-bar-jetpack-idc .dashicons { - color: #23282d; + color: #1d2327; font-family: 'dashicons'; &:before { @@ -25,6 +25,6 @@ } .jp-idc-admin-bar { - background: #eee; + background: #f0f0f1; } } diff --git a/projects/plugins/jetpack/scss/templates/_main.scss b/projects/plugins/jetpack/scss/templates/_main.scss index 6c01186b0d11c..2efff608e156b 100644 --- a/projects/plugins/jetpack/scss/templates/_main.scss +++ b/projects/plugins/jetpack/scss/templates/_main.scss @@ -179,11 +179,11 @@ z-index: 5; &:hover { - background: #eee; + background: #f0f0f1; opacity: 0.8; } &:active { - background: #eee; + background: #f0f0f1; opacity: 0.4; } } @@ -393,7 +393,7 @@ } .primary { padding: 25px 15px 10px 15px; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } .secondary-footer { margin: 0 auto; @@ -404,7 +404,7 @@ @include minbreakpoint(tablet){ padding: 8px 15px 10px; margin-bottom: 30px; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; }; @include minbreakpoint(large-desktop){ margin-bottom: 0; @@ -420,7 +420,7 @@ font-weight: 400; a { - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; } }; } @@ -463,7 +463,7 @@ .secondary { @include minbreakpoint(tablet){ padding: 0 15px 10px 15px; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } @include minbreakpoint(large-desktop){ padding: 0 15px 10px 15px; diff --git a/projects/plugins/jetpack/scss/templates/_settings.scss b/projects/plugins/jetpack/scss/templates/_settings.scss index eacbac226aba5..da9224dc447b4 100644 --- a/projects/plugins/jetpack/scss/templates/_settings.scss +++ b/projects/plugins/jetpack/scss/templates/_settings.scss @@ -25,7 +25,7 @@ top: 32px; width: 100%; z-index: 4; - box-shadow: 0 2px 2px -2px #eee; + box-shadow: 0 2px 2px -2px #f0f0f1; @media (max-width: 782px) { border: none; diff --git a/projects/plugins/jetpack/scss/wordads-ccpa.scss b/projects/plugins/jetpack/scss/wordads-ccpa.scss index 5223420e1fb86..4b74386a65362 100644 --- a/projects/plugins/jetpack/scss/wordads-ccpa.scss +++ b/projects/plugins/jetpack/scss/wordads-ccpa.scss @@ -181,7 +181,7 @@ body.admin-bar .cleanslate .components-modal__frame { .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default) { &:hover, &:focus { background-color: #fff !important; - color: #191e23 !important; + color: #1d2327 !important; box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2) !important; } } @@ -189,7 +189,7 @@ body.admin-bar .cleanslate .components-modal__frame { .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):active { outline: none !important; background-color: #fff !important; - color: #191e23 !important; + color: #1d2327 !important; box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff !important; }