diff --git a/projects/packages/jitm/src/css/jetpack-admin-jitm.scss b/projects/packages/jitm/src/css/jetpack-admin-jitm.scss index 2d6e5298b5a86..30778236aa4dd 100644 --- a/projects/packages/jitm/src/css/jetpack-admin-jitm.scss +++ b/projects/packages/jitm/src/css/jetpack-admin-jitm.scss @@ -26,8 +26,8 @@ } // New JITMS - modified calypso banner styles -$blue-grey-light: #f3f5f6; -$blue-medium-dark: #0071a1; +$blue-grey-light: #f6f7f7; +$blue-medium-dark: #2271b1; .jitm-button { background: $blue-grey-light; @@ -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..f136a9605fa5d 100644 --- a/projects/plugins/beta/admin/admin.css +++ b/projects/plugins/beta/admin/admin.css @@ -114,13 +114,13 @@ html { } .dops-card-title { - background-color: #f9f9f9; + background-color: #f6f7f7; color: black; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #dcdcde; padding: 10px 16px; margin: 0; } @@ -132,14 +132,14 @@ html { } .dops-card-title .dops-card-meta { - color: #aaaaaa; + color: #a7aaad; float: right; } .dops-card-section { font-size: 14px; padding: 16px; - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #dcdcde; } .dops-card-section:after { @@ -197,7 +197,7 @@ html { } .dops-card-footer { - background: #f9f9f9; + background: #f6f7f7; padding: 15px 20px; } @@ -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..9b9df12cff241 100644 --- a/projects/plugins/jetpack/_inc/client/at-a-glance/style.scss +++ b/projects/plugins/jetpack/_inc/client/at-a-glance/style.scss @@ -223,14 +223,14 @@ &.is-current, &:visited.is-current, &:focus.is-current { - color: #23282d; + color: #1d2327; text-decoration: none; } } .jp-at-a-glance__stats-view-link:focus { outline: 0; - box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); + box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(30, 140, 190, 0.8); } diff --git a/projects/plugins/jetpack/_inc/client/components/about-page/style.scss b/projects/plugins/jetpack/_inc/client/components/about-page/style.scss index 174c90e398440..ac73ee8ddb8a3 100644 --- a/projects/plugins/jetpack/_inc/client/components/about-page/style.scss +++ b/projects/plugins/jetpack/_inc/client/components/about-page/style.scss @@ -1,5 +1,5 @@ -$color__border: #e5e5e5; -$color__back-link: #6c7781; +$color__border: #dcdcde; +$color__back-link: #787c82; .jetpack-about__link-back, .jetpack-about__main, 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..40dba17abff0f 100644 --- a/projects/plugins/jetpack/_inc/client/components/card/style.scss +++ b/projects/plugins/jetpack/_inc/client/components/card/style.scss @@ -3,10 +3,10 @@ @import '../../scss/calypso-colors'; @import '../../scss/functions/rem'; -$title: #f9f9f9; -$meta: #AAAAAA; -$border: #DDDDDD; -$section-border: #DDDDDD; +$title: #f6f7f7; +$meta: #a7aaad; +$border: #dcdcde; +$section-border: #dcdcde; /* Card */ diff --git a/projects/plugins/jetpack/_inc/client/components/form/style.scss b/projects/plugins/jetpack/_inc/client/components/form/style.scss index 60f2deed0c483..e4406c92cd231 100644 --- a/projects/plugins/jetpack/_inc/client/components/form/style.scss +++ b/projects/plugins/jetpack/_inc/client/components/form/style.scss @@ -18,7 +18,7 @@ input[type=radio] + span { .dops-form-section-title { font-weight: bold; color: #333; - border-bottom: 1px solid #DDD; + border-bottom: 1px solid #dcdcde; padding-bottom: 3px; margin-bottom: 5px; margin-top: 15px; @@ -93,7 +93,7 @@ input[type=radio] + span { .dops-form-errormessage { border: 1px solid #dd3d36; - color: #a00; + color: #d63638; display: block; margin: 5px 0 0 0; padding: 5px; @@ -123,7 +123,7 @@ input[type=radio] + span { padding: 10px 12px; margin: 0; } - + &.floating--floated { color: #333; z-index: 0; @@ -149,8 +149,8 @@ input[type=radio] + span { } .dops-form-actionbar { - background: #f9f9f9; - color: #aaa; + background: #f6f7f7; + color: #a7aaad; padding: 15px 20px 15px 20px; } diff --git a/projects/plugins/jetpack/_inc/client/components/masthead/style.scss b/projects/plugins/jetpack/_inc/client/components/masthead/style.scss index 729b5934f99d7..3d10863185bdb 100644 --- a/projects/plugins/jetpack/_inc/client/components/masthead/style.scss +++ b/projects/plugins/jetpack/_inc/client/components/masthead/style.scss @@ -80,7 +80,7 @@ } #sandbox-domain-badge { - background: #d54e21; + background: #d63638; text-transform: uppercase; letter-spacing: 0.2em; text-shadow: none; 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..a3366dffec74b 100644 --- a/projects/plugins/jetpack/_inc/client/components/popover/docs/example.jsx +++ b/projects/plugins/jetpack/_inc/client/components/popover/docs/example.jsx @@ -186,8 +186,8 @@ const Popovers = createReactClass( { lineHeight: `${ width / 3 }px`, textAlign: 'center', float: 'left', - backgroundColor: '#eee', - border: '1px solid #ddd', + backgroundColor: '#f0f0f1', + border: '1px solid #dcdcde', boxSixing: 'border-box', } } key={ `rubic-${ i }` } diff --git a/projects/plugins/jetpack/_inc/client/dashboard-widget/style.scss b/projects/plugins/jetpack/_inc/client/dashboard-widget/style.scss index bc3f260a48d22..52755c5a1e78f 100644 --- a/projects/plugins/jetpack/_inc/client/dashboard-widget/style.scss +++ b/projects/plugins/jetpack/_inc/client/dashboard-widget/style.scss @@ -62,7 +62,7 @@ } #stats-info { - border-top: 1px solid #dfdfdf; + border-top: 1px solid #dcdcde; margin: 7px -10px 0 -10px; padding: 10px; background: #fcfcfc; @@ -71,7 +71,7 @@ border-radius: 0 0 2px 2px; div#active { - border-top: 1px solid #dfdfdf; + border-top: 1px solid #dcdcde; margin: 0 -10px; padding: 10px 10px 0 10px; -moz-box-shadow:inset 0 1px 0 #fff; @@ -132,7 +132,7 @@ } .wpcom-connect { - background: #fafafa; + background: #f6f7f7; text-align: center; .jp-emblem { @@ -192,7 +192,7 @@ &:focus { box-shadow: inset 0 1px 0 lighten( $green-primary, 10% ), - 0 0 0 1px #5b9dd9, + 0 0 0 1px #4f94d4, 0 0 2px 1px rgba( 30, 140, 190, .8 ); } @@ -201,7 +201,7 @@ border-color: darken( $green-primary, 15% ); color: $white; box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ), - 0 0 0 1px #5b9dd9, + 0 0 0 1px #4f94d4, 0 0 2px 1px rgba( 30, 140, 190, .8 ); } @@ -217,7 +217,7 @@ } footer { - background: #fafafa; + background: #f6f7f7; padding: .75em .75em 0 .75em; overflow: hidden; border-top: 1px solid #ccc; diff --git a/projects/plugins/jetpack/_inc/client/scss/calypso-colors.scss b/projects/plugins/jetpack/_inc/client/scss/calypso-colors.scss index 4c5825ea8b8a2..63e23fcca8b79 100644 --- a/projects/plugins/jetpack/_inc/client/scss/calypso-colors.scss +++ b/projects/plugins/jetpack/_inc/client/scss/calypso-colors.scss @@ -1,12 +1,12 @@ // Blues $blue-wordpress: #0087be; $blue-light: #78dcfa; -$blue-medium: #007cba; +$blue-medium: #3582c4; $blue-dark: #005082; -$blue-medium-dark: #0071a1; -$blue-grey-light: #f3f5f6; -$blue-grey-dark: #016087; -$light-gray-700: #ccd0d4; +$blue-medium-dark: #2271b1; +$blue-grey-light: #f6f7f7; +$blue-grey-dark: #0a4b78; +$light-gray-700: #c3c4c7; // Grays @@ -42,7 +42,7 @@ $gray-darken-30: darken( $gray, 30% ); // #3d596d // Oranges $orange-jazzy: #f0821e; -$orange-fire: #d54e21; +$orange-fire: #d63638; // Alerts $alert-yellow: #f0b849; diff --git a/projects/plugins/jetpack/_inc/client/scss/variables/_colors.scss b/projects/plugins/jetpack/_inc/client/scss/variables/_colors.scss index 448156d86fd18..0410fe602a9a7 100644 --- a/projects/plugins/jetpack/_inc/client/scss/variables/_colors.scss +++ b/projects/plugins/jetpack/_inc/client/scss/variables/_colors.scss @@ -7,7 +7,7 @@ // Primary Accent (Blues) $blue-wordpress: #0087be; $blue-light: #78dcfa; -$blue-medium: #007cba; +$blue-medium: #3582c4; $blue-dark: #005082; // Grays @@ -45,7 +45,7 @@ $color-plan-dark: #007117; // $studio-jetpack-green-60 // Secondary Accent (Oranges) $orange-jazzy: #f0821e; -$orange-fire: #d54e21; +$orange-fire: #d63638; // Alerts $alert-yellow: #f0b849; @@ -107,6 +107,6 @@ $green-dark: #008b1d; // full color list here: http://codepen.io/hugobaeta/full/RNOzoV/ // ========================================================================== -$wpui-gray-light: #f5f5f5; -$wpui-dark-medium-gray: #555d66; -$wpui-header-dark: #23282d; +$wpui-gray-light: #f6f7f7; +$wpui-dark-medium-gray: #50575e; +$wpui-header-dark: #1d2327; diff --git a/projects/plugins/jetpack/_inc/lib/debugger/class-jetpack-debugger.php b/projects/plugins/jetpack/_inc/lib/debugger/class-jetpack-debugger.php index 058fd6f8699f9..979702dacee27 100644 --- a/projects/plugins/jetpack/_inc/lib/debugger/class-jetpack-debugger.php +++ b/projects/plugins/jetpack/_inc/lib/debugger/class-jetpack-debugger.php @@ -316,10 +316,10 @@ public static function jetpack_debug_admin_head() { } .formbox input[type="text"], .formbox input[type="email"], .formbox input[type="url"], .formbox textarea, #debug_info_div { - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; border-radius: 11px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); - color: #666; + color: #646970; font-size: 14px; padding: 10px; width: 97%; @@ -339,7 +339,7 @@ public static function jetpack_debug_admin_head() { height: auto !important; margin: 0 0 2em 10px !important; padding: 8px 16px !important; - background-color: #ddd; + background-color: #dcdcde; border: 1px solid rgba(0,0,0,0.05); border-top-color: rgba(255,255,255,0.1); border-bottom-color: rgba(0,0,0,0.15); diff --git a/projects/plugins/jetpack/class.jetpack-gutenberg.php b/projects/plugins/jetpack/class.jetpack-gutenberg.php index 881354aebe3bd..9b0f1c98f676f 100644 --- a/projects/plugins/jetpack/class.jetpack-gutenberg.php +++ b/projects/plugins/jetpack/class.jetpack-gutenberg.php @@ -1008,17 +1008,17 @@ public static function notice( $message, $status = 'info', $classes = '' ) { $color = ''; switch ( $status ) { case 'success': - $color = '#46b450'; + $color = '#00a32a'; break; case 'warning': - $color = '#ffb900'; + $color = '#dba617'; break; case 'error': - $color = '#dc3232'; + $color = '#d63638'; break; case 'info': default: - $color = '#00a0d2'; + $color = '#72aee6'; break; } diff --git a/projects/plugins/jetpack/extensions/blocks/contact-form/editor.scss b/projects/plugins/jetpack/extensions/blocks/contact-form/editor.scss index d0664d2061166..9ea969c444cb1 100644 --- a/projects/plugins/jetpack/extensions/blocks/contact-form/editor.scss +++ b/projects/plugins/jetpack/extensions/blocks/contact-form/editor.scss @@ -154,7 +154,7 @@ input.components-text-control__input { } input.components-text-control__input, textarea.components-textarea-control__input { - color: #72777c; + color: #787c82; padding: 12px 8px; border-color: rgba( 0, 0, 0, 0.4 ); box-shadow: unset; diff --git a/projects/plugins/jetpack/extensions/blocks/revue/editor.scss b/projects/plugins/jetpack/extensions/blocks/revue/editor.scss index 57adcfcf1eae1..7b136564bf31a 100644 --- a/projects/plugins/jetpack/extensions/blocks/revue/editor.scss +++ b/projects/plugins/jetpack/extensions/blocks/revue/editor.scss @@ -12,6 +12,6 @@ } .components-text-control__input { - color: #72777c; + color: #787c82; } } 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/extensions/blocks/story/editor.scss b/projects/plugins/jetpack/extensions/blocks/story/editor.scss index dff2d90d354c5..fae83dc04207c 100644 --- a/projects/plugins/jetpack/extensions/blocks/story/editor.scss +++ b/projects/plugins/jetpack/extensions/blocks/story/editor.scss @@ -38,13 +38,13 @@ button { width: 36px !important; height: 36px !important; - color: #555d66; - border: 1px solid #555d66; + color: #50575e; + border: 1px solid #50575e; outline: 0; background-color: transparent; &:hover { - border: 1px solid #555d66; + border: 1px solid #50575e; background-color: transparent; i { color: rgb(51, 129, 184); diff --git a/projects/plugins/jetpack/extensions/extended-blocks/paid-blocks/test/render-paid-icon.js b/projects/plugins/jetpack/extensions/extended-blocks/paid-blocks/test/render-paid-icon.js index 1e476dae8dfa1..0765a928bf7f0 100644 --- a/projects/plugins/jetpack/extensions/extended-blocks/paid-blocks/test/render-paid-icon.js +++ b/projects/plugins/jetpack/extensions/extended-blocks/paid-blocks/test/render-paid-icon.js @@ -19,7 +19,7 @@ const iconWithSrc = { ), - foreground: '#555d66', + foreground: '#50575e', }; const iconWithSrcWithPaidIcon = { @@ -29,7 +29,7 @@ const iconWithSrcWithPaidIcon = { ), - foreground: '#555d66', + foreground: '#50575e', }; const iconWithouthSrc = ( diff --git a/projects/plugins/jetpack/extensions/shared/external-media/editor.scss b/projects/plugins/jetpack/extensions/shared/external-media/editor.scss index c753715adec7e..8d8a3d46f77f6 100644 --- a/projects/plugins/jetpack/extensions/shared/external-media/editor.scss +++ b/projects/plugins/jetpack/extensions/shared/external-media/editor.scss @@ -148,7 +148,7 @@ $grid-size: 8px; } .jetpack-external-media-browser__media__count { - background-color: #ddd; + background-color: #dcdcde; padding: 3px 4px; border-radius: 8px; margin-bottom: auto; 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..b50bf197c4a03 100644 --- a/projects/plugins/jetpack/modules/carousel/jetpack-carousel.css +++ b/projects/plugins/jetpack/modules/carousel/jetpack-carousel.css @@ -373,7 +373,7 @@ div#carousel-reblog-box { height: 48px; float: left; margin: 6px 9px 0 9px; - border: 1px solid #666; + border: 1px solid #646970; -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); -moz-border-radius: 2px; @@ -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; @@ -926,7 +926,7 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder .jp-carousel-light .jp-carousel-titleanddesc p a, .jp-carousel-light .jp-carousel-comments p a, .jp-carousel-light .jp-carousel-info h2 a { - color: #1e8cbe !important; + color: #4f94d4 !important; } .jp-carousel-light .jp-carousel-comments p a:hover, @@ -948,12 +948,12 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder .jp-carousel-light .jp-carousel-titleanddesc p b, .jp-carousel-light .jp-carousel-titleanddesc p em, .jp-carousel-light .jp-carousel-titleanddesc p i { - color: #666; + color: #646970; } .jp-carousel-light .jp-carousel-buttons { border-bottom-color: #f0f0f0; - background: #f5f5f5; + background: #f6f7f7; } .jp-carousel-light div.jp-carousel-buttons a:hover { @@ -981,18 +981,18 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder } .jp-carousel-light div#carousel-reblog-box { - background: #eee; - background: -moz-linear-gradient(bottom, #ececec, #f7f7f7); - background: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f7f7f7)); + background: #f0f0f1; + background: -moz-linear-gradient(bottom, #ececec, #f6f7f7); + background: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f6f7f7)); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.1); box-shadow: 0 2px 10px rgba(0,0,0,0.1); - border:1px solid #ddd; + border:1px solid #dcdcde; } .jp-carousel-light #carousel-reblog-box textarea { border: 1px inset #ccc; - color: #666; + color: #646970; border: 1px solid #cfcfcf; background: #fff; } @@ -1002,28 +1002,28 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder } .jp-carousel-light #carousel-reblog-box .canceltext a { - color: #666; + color: #646970; } .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; + background: -moz-linear-gradient(bottom, #dcdcde, #fff); + background: -webkit-gradient(linear, left bottom, left top, from(#dcdcde), to(#fff)); + border: 1px solid #a7aaad; } .jp-carousel-light .jp-carousel-image-meta { - background: #fafafa; - border: 1px solid #eee; - border-top-color: #f5f5f5; - border-left-color: #f5f5f5; + background: #f6f7f7; + border: 1px solid #f0f0f1; + border-top-color: #f6f7f7; + border-left-color: #f6f7f7; 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 { @@ -1049,7 +1049,7 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder } .jp-carousel-light #jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder { - color: #ddd; + color: #dcdcde; } .jp-carousel-light a.jp-carousel-image-download { @@ -1064,14 +1064,14 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder .jp-carousel-light textarea#jp-carousel-comment-form-comment-field { background: #fbfbfb; color: #333; - border: 1px solid #dfdfdf; + border: 1px solid #dcdcde; -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1); box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1); } .jp-carousel-light #jp-carousel-comment-form-commenting-as input { background: #fbfbfb; - border: 1px solid #dfdfdf; + border: 1px solid #dcdcde; color: #333; -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1); box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1); @@ -1083,8 +1083,8 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder } .jp-carousel-light #jp-carousel-comment-post-results span { - background: #f7f7f7; - border:1px solid #dfdfdf; + background: #f6f7f7; + border:1px solid #dcdcde; -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.05); } @@ -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..9710ea66982ca 100644 --- a/projects/plugins/jetpack/modules/comment-likes/admin-style.css +++ b/projects/plugins/jetpack/modules/comment-likes/admin-style.css @@ -16,7 +16,7 @@ margin-top: 5px; -webkit-border-radius: 5px; border-radius: 5px; - background-color: #72777c; + background-color: #787c82; color: #fff; font-size: 11px; line-height: 21px; @@ -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/css/editor-inline-editing-style.css b/projects/plugins/jetpack/modules/contact-form/css/editor-inline-editing-style.css index 13db02fd1115f..596406ea31a91 100644 --- a/projects/plugins/jetpack/modules/contact-form/css/editor-inline-editing-style.css +++ b/projects/plugins/jetpack/modules/contact-form/css/editor-inline-editing-style.css @@ -43,7 +43,7 @@ body { body { margin: 0; - background: #f5f5f5; + background: #f6f7f7; } .card:after { diff --git a/projects/plugins/jetpack/modules/contact-form/css/jquery-ui-datepicker.css b/projects/plugins/jetpack/modules/contact-form/css/jquery-ui-datepicker.css index e82283ebbf9f5..10024b6feade7 100644 --- a/projects/plugins/jetpack/modules/contact-form/css/jquery-ui-datepicker.css +++ b/projects/plugins/jetpack/modules/contact-form/css/jquery-ui-datepicker.css @@ -5,7 +5,7 @@ -moz-border-radius: 0; border-radius: 0; background-color: #fff; - border: 1px solid #dfdfdf; + border: 1px solid #dcdcde; border-top: none; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); 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..141cf525cdf00 100644 --- a/projects/plugins/jetpack/modules/contact-form/grunion-form-view.php +++ b/projects/plugins/jetpack/modules/contact-form/grunion-form-view.php @@ -74,11 +74,11 @@ /* Reset */ html { height: 100%; } body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } - body { background: #F9F9F9; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size:12px; color: #333; line-height:1.5em; height: 100%; width: 100%; padding-bottom: 20px !important; } + body { background: #f6f7f7; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size:12px; color: #333; line-height:1.5em; height: 100%; width: 100%; padding-bottom: 20px !important; } a { color: #21759B; text-decoration: none; } a:hover { text-decoration: underline; text-shadow: none !important; } h1 { font-size: 21px; color:#5A5A5A; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; margin-bottom: 21px; } - h3 { font-size: 13px; color: #666; margin-bottom: 18px; } + h3 { font-size: 13px; color: #646970; margin-bottom: 18px; } input { width: 301px; } input[type='text'] { padding: 3px 5px; margin-right: 4px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; } input[type='text']:focus { border: 2px solid #80B8D9; outline: 0 !important; } @@ -87,15 +87,15 @@ 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; } /* Core */ - #media-upload-header { border-bottom: 1px solid #DFDFDF; font-weight:bold; margin:0; padding:3px 5px 0 5px; position:relative; background: #FFF; } + #media-upload-header { border-bottom: 1px solid #dcdcde; font-weight:bold; margin:0; padding:3px 5px 0 5px; position:relative; background: #FFF; } #sidemenu { bottom:-1px; font-size:12px; list-style:none outside none; padding-left:10px; position:relative; left:0; margin:0 5px; overflow:hidden; } #sidemenu a { text-decoration:none; border-top: 1px solid #FFF; display:block; float:left; line-height:28px; padding:0 13px; outline: none; } - #sidemenu a.current { background-color:#F9F9F9; border-color:#DFDFDF #DFDFDF #F9F9F9; color:#D54E21; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-style:solid; border-width:1px; font-weight:normal; } + #sidemenu a.current { background-color:#f6f7f7; border-color:#dcdcde #dcdcde #f6f7f7; color:#d63638; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-style:solid; border-width:1px; font-weight:normal; } #sidemenu li { display:inline; margin-bottom:6px; line-height:200%; list-style:none outside none; margin:0; padding:0; text-align:center; white-space:nowrap; } .button { background-color:#f2f2f2; border-color:#BBBBBB; min-width:80px; text-align:center; color:#464646; text-shadow:0 1px 0 #FFFFFF; border-style:solid; border-width:1px; cursor:pointer; width: auto; font-size:11px !important; line-height:13px; padding:3px 11px; margin-top: 12px; text-decoration:none; -moz-border-radius:11px; border-radius:11px; -webkit-border-radius:11px } .button-primary { background-color:#21759B; font-weight: bold; border-color:#298CBA; text-align:center; color:#EAF2FA; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); border-style:solid; border-width:1px; cursor:pointer; width: auto; font-size:11px !important; line-height:13px; padding:3px 11px; margin-top: 21px; text-decoration:none; -moz-border-radius:11px; border-radius:11px; -webkit-border-radius:11px } @@ -120,7 +120,7 @@ .fb-reorder { cursor: move; position: relative; } .fb-reorder:hover div { display: block !important; width: 130px !important; position: absolute; top: 0; right: 0; z-index: 200; padding: 5px 10px; color: #555; font-size: 11px; background: #FFF; border: 1px solid #CCC; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; } .fb-right { position: absolute; right: 0; top: 0; width: 315px; margin: 57px 21px 0 0; } - .fb-right .fb-new-fields { border: none; background: #F9F9F9; padding: 0; } + .fb-right .fb-new-fields { border: none; background: #f6f7f7; padding: 0; } .fb-right input[type='text'] { width: 195px; margin-bottom: 14px; } .fb-right label { color: #444; width: 100px; float: left; font-weight: normal; } .fb-right select { width: 195px !important; margin-bottom: 14px; } diff --git a/projects/plugins/jetpack/modules/custom-css/custom-css/css/codemirror.css b/projects/plugins/jetpack/modules/custom-css/custom-css/css/codemirror.css index db90a5a5fc2ff..c6e68a75b85b9 100644 --- a/projects/plugins/jetpack/modules/custom-css/custom-css/css/codemirror.css +++ b/projects/plugins/jetpack/modules/custom-css/custom-css/css/codemirror.css @@ -29,8 +29,8 @@ /* GUTTER */ .CodeMirror-gutters { - border-right: 1px solid #ddd; - background-color: #f7f7f7; + border-right: 1px solid #dcdcde; + background-color: #f6f7f7; white-space: nowrap; } .CodeMirror-linenumbers {} 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..3726602d9527f 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 @@ -6,8 +6,8 @@ margin: 0; direction: ltr; text-align: left; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + border-top: 1px solid #dcdcde; + border-bottom: 1px solid #dcdcde; } #customize-control-custom_css#customize-control-custom_css { margin-right: -12px; @@ -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 { @@ -64,7 +64,7 @@ } .css-help { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; background: #ffffff; position: relative; right: 0; @@ -79,13 +79,13 @@ display: inline-block; text-decoration: none; border-bottom: 4px solid transparent; - color: #555d66; + color: #50575e; padding: 7px 10px 5px; transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; } .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..616433a3c47a0 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); @@ -28,7 +28,7 @@ background-color: #fff; } .ui-sortable .type-nova_menu_item:nth-child(even) { - background-color: #f9f9f9; + background-color: #f6f7f7; } .ui-sortable .type-nova_menu_item.ui-sortable-helper { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); @@ -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..8b4dec2ebfb3a 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; @@ -218,7 +218,7 @@ text-align: right; } #infinite-footer .blog-credits a { - color: #666; + color: #646970; } /** diff --git a/projects/plugins/jetpack/modules/infinite-scroll/themes/twentyeleven.css b/projects/plugins/jetpack/modules/infinite-scroll/themes/twentyeleven.css index cc232785102d2..9f2612e5e5d69 100644 --- a/projects/plugins/jetpack/modules/infinite-scroll/themes/twentyeleven.css +++ b/projects/plugins/jetpack/modules/infinite-scroll/themes/twentyeleven.css @@ -16,7 +16,7 @@ padding-top: 0; } .infinite-scroll .infinite-wrap .hentry:last-child { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } .infinite-scroll .infinite-wrap:last-of-type .hentry:last-child { border-bottom: none; @@ -42,4 +42,4 @@ .infinite-scroll #infinite-handle { padding-bottom: 40px; } -} \ No newline at end of file +} diff --git a/projects/plugins/jetpack/modules/likes.php b/projects/plugins/jetpack/modules/likes.php index 47357395e2e57..1fabb2dd00c8c 100644 --- a/projects/plugins/jetpack/modules/likes.php +++ b/projects/plugins/jetpack/modules/likes.php @@ -343,13 +343,13 @@ function load_admin_css() { margin-top: 5px; -webkit-border-radius: 5px; border-radius: 5px; - background-color: #72777C; + background-color: #787c82; color: #FFF; font-size: 11px; 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/likes/style.css b/projects/plugins/jetpack/modules/likes/style.css index 39e27b579bc0f..2ffc9891dd0e5 100644 --- a/projects/plugins/jetpack/modules/likes/style.css +++ b/projects/plugins/jetpack/modules/likes/style.css @@ -27,7 +27,7 @@ div.sharedaddy h3.sd-title:before { display: block; width: 100%; min-width: 30px; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; margin-bottom: 1em; } @@ -134,7 +134,7 @@ div.jetpack-comment-likes-widget-wrapper iframe { } div.sd-box { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; border-top: 1px solid rgba(0,0,0,.13); } diff --git a/projects/plugins/jetpack/modules/masterbar/admin-color-schemes/colors/_admin.scss b/projects/plugins/jetpack/modules/masterbar/admin-color-schemes/colors/_admin.scss index 313da18f85db5..c687fb73922c2 100644 --- a/projects/plugins/jetpack/modules/masterbar/admin-color-schemes/colors/_admin.scss +++ b/projects/plugins/jetpack/modules/masterbar/admin-color-schemes/colors/_admin.scss @@ -51,7 +51,7 @@ span.wp-media-buttons-icon:before { .media-modal .trash-attachment, .media-modal .untrash-attachment, .wp-core-ui .button-link-delete { - color: #a00; + color: #d63638; } .media-modal .delete-attachment:hover, @@ -62,7 +62,7 @@ span.wp-media-buttons-icon:before { .media-modal .untrash-attachment:focus, .wp-core-ui .button-link-delete:hover, .wp-core-ui .button-link-delete:focus { - color: #dc3232; + color: #d63638; } /* Forms */ 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/plugin-search/plugin-search.css b/projects/plugins/jetpack/modules/plugin-search/plugin-search.css index 8623d3f479c72..bac5656ac03b4 100644 --- a/projects/plugins/jetpack/modules/plugin-search/plugin-search.css +++ b/projects/plugins/jetpack/modules/plugin-search/plugin-search.css @@ -48,8 +48,8 @@ align-content: space-between; clear: both; padding: 12px 20px; - background-color: #fafafa; - border-top: 1px solid #ddd; + background-color: #f6f7f7; + border-top: 1px solid #dcdcde; overflow: hidden; } @@ -80,5 +80,5 @@ } .jetpack-plugin-search__dismiss:hover { - color: #666; + color: #646970; } diff --git a/projects/plugins/jetpack/modules/protect/blocked-login-page.php b/projects/plugins/jetpack/modules/protect/blocked-login-page.php index 6f4441db343aa..f6789e4b890bd 100644 --- a/projects/plugins/jetpack/modules/protect/blocked-login-page.php +++ b/projects/plugins/jetpack/modules/protect/blocked-login-page.php @@ -449,9 +449,9 @@ function display_page( $title, $message, $back_button = false, $recovery_form = a:focus { color: #124964; - -webkit-box-shadow: 0 0 0 1px #5b9dd9, + -webkit-box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(30, 140, 190, .8); - box-shadow: 0 0 0 1px #5b9dd9, + box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(30, 140, 190, .8); outline: none; } diff --git a/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css b/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css index b4a6b08e8751e..d40ab37281e0e 100644 --- a/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css +++ b/projects/plugins/jetpack/modules/protect/protect-dashboard-widget.css @@ -64,8 +64,8 @@ } .blocked-attacks { - background: #fafafa; - border-bottom: 1px #eee solid; + background: #f6f7f7; + 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/related-posts/related-posts.css b/projects/plugins/jetpack/modules/related-posts/related-posts.css index 62dc867342524..24facfd6d3050 100644 --- a/projects/plugins/jetpack/modules/related-posts/related-posts.css +++ b/projects/plugins/jetpack/modules/related-posts/related-posts.css @@ -125,7 +125,7 @@ display: block; width: 100%; min-width: 30px; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; border-top: 1px solid rgba(0,0,0,.2); margin-bottom: 1em; } 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/admin-sharing.css b/projects/plugins/jetpack/modules/sharedaddy/admin-sharing.css index f7093186a392d..75dd97992d5b7 100644 --- a/projects/plugins/jetpack/modules/sharedaddy/admin-sharing.css +++ b/projects/plugins/jetpack/modules/sharedaddy/admin-sharing.css @@ -38,7 +38,7 @@ } #live-preview { - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #dcdcde; padding-bottom: 60px; } @@ -428,7 +428,7 @@ body.settings_page_sharing .advanced input[type=submit] { } #services-config a.remove { - background: #ddd; + background: #dcdcde; color: #fff; padding: 0px 4px 2px; border-radius: 15px; diff --git a/projects/plugins/jetpack/modules/sharedaddy/sharing.css b/projects/plugins/jetpack/modules/sharedaddy/sharing.css index bb2bdd6ce3fac..2f3fd7239c8e9 100644 --- a/projects/plugins/jetpack/modules/sharedaddy/sharing.css +++ b/projects/plugins/jetpack/modules/sharedaddy/sharing.css @@ -31,7 +31,7 @@ div.sharedaddy h3.sd-title:before { display: block; width: 100%; min-width: 30px; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; margin-bottom: 1em; } @@ -145,7 +145,7 @@ body.highlander-dark h3.sd-title:before { .sd-social-official .sd-content>ul>li .digg_button>a:hover, .sd-social-official .sd-content>ul>li .digg_button>a:active { color: #555; - background: #fafafa; + background: #f6f7f7; border: 1px solid #999999; } @@ -621,7 +621,7 @@ body .sd-social-icon .sd-content li.share-custom a span { } .sd-social-icon .sd-content ul li[class*='share-'].share-press-this a.sd-button { - background: #1e8cbe; + background: #4f94d4; color: #fff !important; } @@ -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/css/slideshow-shortcode.css b/projects/plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css index 2e416a448befb..6a02b8f74b048 100644 --- a/projects/plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css +++ b/projects/plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css @@ -73,7 +73,7 @@ body div.slideshow-window * img { .slideshow-slide-caption { font-size: 13px; font-family: "Helvetica Neue", sans-serif; - color: #f7f7f7; + color: #f6f7f7; text-shadow: #222 1px 1px 2px; line-height: 25px; height: 25px; diff --git a/projects/plugins/jetpack/modules/shortcodes/css/style.css b/projects/plugins/jetpack/modules/shortcodes/css/style.css index 5ef78159d1607..3986e222a7cf7 100644 --- a/projects/plugins/jetpack/modules/shortcodes/css/style.css +++ b/projects/plugins/jetpack/modules/shortcodes/css/style.css @@ -44,7 +44,7 @@ body.presentation-wrapper-fullscreen-parent { */ .presentation-wrapper { margin: 20px auto; - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; overflow: hidden; line-height: normal; } @@ -152,7 +152,7 @@ body.presentation-wrapper-fullscreen-parent { z-index: 100; display: table; border-radius: 50px; - background-color: #e5e5e5; + background-color: #dcdcde; background-color: rgba(0, 0, 0, 0.75); -webkit-transition : opacity .5s; 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/sso/jetpack-sso-login.css b/projects/plugins/jetpack/modules/sso/jetpack-sso-login.css index 3160bcb6778d3..81e30c5ca8091 100644 --- a/projects/plugins/jetpack/modules/sso/jetpack-sso-login.css +++ b/projects/plugins/jetpack/modules/sso/jetpack-sso-login.css @@ -97,7 +97,7 @@ } .jetpack-sso-or:before { - background: #E5E5E5; + background: #dcdcde; content: ''; height: 1px; position: absolute; 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/videopress/css/editor.css b/projects/plugins/jetpack/modules/videopress/css/editor.css index 69b79dfe660df..81ec5bf8a236e 100644 --- a/projects/plugins/jetpack/modules/videopress/css/editor.css +++ b/projects/plugins/jetpack/modules/videopress/css/editor.css @@ -22,7 +22,7 @@ .mce-videopress-checkbox i.mce-i-checkbox { background-color: #fff; - color: #1e8cbe; + color: #4f94d4; } .mce-videopress-checkbox .mce-i-checkbox:before { diff --git a/projects/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css b/projects/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css index 72d27b8bcb9fa..d562d1fec18da 100644 --- a/projects/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css +++ b/projects/plugins/jetpack/modules/widget-visibility/widget-conditions/widget-conditions.css @@ -16,8 +16,8 @@ display: none; } .widget-conditional .widget-conditional-inner { - background: #F9F9F9; - border: 1px solid #DFDFDF; + background: #f6f7f7; + border: 1px solid #dcdcde; padding: 12px 10px 0; } diff --git a/projects/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css b/projects/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css index b64d2caa0e9a4..0d2c3f4aff195 100644 --- a/projects/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css +++ b/projects/plugins/jetpack/modules/widgets/contact-info/contact-info-map.css @@ -4,10 +4,10 @@ } .contact-map-api-error { - border-left-color: #ffb900; + border-left-color: #dba617; border-left-style: solid; border-left-width: 4px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin: 5px 0 15px; padding: 1px 12px; -} \ No newline at end of file +} 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..b5f4544a47f71 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 @@ -1,6 +1,6 @@ .jetpack-search-filters-widget__filter { - background: #f9f9f9; - border: 1px solid #dfdfdf; + background: #f6f7f7; + border: 1px solid #dcdcde; padding: 0 12px; margin-bottom: 12px; cursor: move; @@ -15,7 +15,7 @@ } .jetpack-search-filters-widget__controls .delete { - color: #a00; + color: #d63638; } .jetpack-search-filters-widget.hide-filters .jetpack-search-filters-widget__filter { @@ -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..f5d8c2570ae35 100644 --- a/projects/plugins/jetpack/modules/widgets/simple-payments/customizer.css +++ b/projects/plugins/jetpack/modules/widgets/simple-payments/customizer.css @@ -12,7 +12,7 @@ } .widget-content .jetpack-simple-payments-form .invalid { - border: 1px solid #dc3232; + border: 1px solid #d63638; } .widget-content .jetpack-simple-payments-form .cost label { @@ -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..9240793fecafc 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 @@ -1,6 +1,6 @@ .jetpack-social-icons-widget-item { background: #fff; - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; cursor: move; margin: 0; } @@ -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; } @@ -71,7 +71,7 @@ html[class*='wordpress_com'] .jetpack-social-icons-widget-item.ui-sortable-helpe } .jetpack-widget-social-icons-remove-item-button { - color: #a00; + color: #d63638; text-decoration: none; } 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/modules/widgets/twitter-timeline.php b/projects/plugins/jetpack/modules/widgets/twitter-timeline.php index 10d4b529aa367..f20f8de17914b 100644 --- a/projects/plugins/jetpack/modules/widgets/twitter-timeline.php +++ b/projects/plugins/jetpack/modules/widgets/twitter-timeline.php @@ -346,7 +346,7 @@ public function form( $instance ) { 'height' => '200', 'type' => 'profile', 'widget-id' => '', - 'border-color' => '#e8e8e8', + 'border-color' => '#f0f0f1', 'theme' => 'light', 'chrome' => array(), 'tweet-limit' => 1, 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/colors/_colors.scss b/projects/plugins/jetpack/scss/atoms/colors/_colors.scss index 63b869f82eae2..bfe20c76950df 100644 --- a/projects/plugins/jetpack/scss/atoms/colors/_colors.scss +++ b/projects/plugins/jetpack/scss/atoms/colors/_colors.scss @@ -12,5 +12,5 @@ $wpcom: #0087be; $blue-dark: #005082; // Grays -$clouds: #f9f9f9; +$clouds: #f6f7f7; $gray-med: #686f72; 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/organisms/_banners.scss b/projects/plugins/jetpack/scss/organisms/_banners.scss index 51e61fddb027a..0b1da30a46d2e 100644 --- a/projects/plugins/jetpack/scss/organisms/_banners.scss +++ b/projects/plugins/jetpack/scss/organisms/_banners.scss @@ -107,7 +107,7 @@ position: relative; bottom: 0; box-shadow: - 0 0 0 1px #ccd0d4, + 0 0 0 1px #c3c4c7, 0 1px 1px 1px rgba(0,0,0,.04); @@ -295,7 +295,7 @@ .updated.jp-wpcom-connect__container { border-left: none; padding: 0; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0,0,0,.04); @media screen and (max-width: 782px) { diff --git a/projects/plugins/jetpack/scss/pages/_protect.scss b/projects/plugins/jetpack/scss/pages/_protect.scss index 511203355bb12..5e6c4c05488df 100644 --- a/projects/plugins/jetpack/scss/pages/_protect.scss +++ b/projects/plugins/jetpack/scss/pages/_protect.scss @@ -33,7 +33,7 @@ margin-top: 10px; background: #fff; padding: 10px; - border: 1px #ddd solid; + border: 1px #dcdcde solid; font-size: 16px; color: #000; max-width: 100%; diff --git a/projects/plugins/jetpack/scss/templates/_main.scss b/projects/plugins/jetpack/scss/templates/_main.scss index 6c01186b0d11c..b7e795faa7323 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; } } @@ -225,7 +225,7 @@ bottom: 0; width: 100%; padding: 12px 20px; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; background: #fff; text-align: right; @@ -267,7 +267,7 @@ margin: 0 0 8px 30px; img { - border: 1px solid #ddd; + border: 1px solid #dcdcde; max-width: 100%; height: auto; @@ -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..45a2079560a5a 100644 --- a/projects/plugins/jetpack/scss/templates/_settings.scss +++ b/projects/plugins/jetpack/scss/templates/_settings.scss @@ -16,7 +16,7 @@ top: auto; &.fixed { - background: #f9f9f9; + background: #f6f7f7; border-bottom: 1px solid #e9e9e9; padding-left: 160px; margin-top: -6px; @@ -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..3002ada0d8e17 100644 --- a/projects/plugins/jetpack/scss/wordads-ccpa.scss +++ b/projects/plugins/jetpack/scss/wordads-ccpa.scss @@ -153,7 +153,7 @@ body.admin-bar .cleanslate .components-modal__frame { margin: 0 !important; border: none !important; background: none !important; - color: #555d66 !important; + color: #50575e !important; position: relative !important; overflow: hidden !important; border-radius: 4px !important; @@ -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,8 +189,8 @@ 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; - box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff !important; + color: #1d2327 !important; + box-shadow: inset 0 0 0 1px #c3c4c7, inset 0 0 0 2px #fff !important; } .components-icon-button[aria-disabled="true"]:focus, .components-icon-button:disabled:focus { @@ -226,7 +226,7 @@ body.admin-bar .cleanslate .components-modal__frame { } .components-form-toggle .components-form-toggle__off { - color: #6c7781 !important; + color: #787c82 !important; fill: currentColor !important; right: 6px !important; width: 6px !important; @@ -243,7 +243,7 @@ body.admin-bar .cleanslate .components-modal__frame { box-sizing: border-box !important; vertical-align: top !important; background-color: #fff !important; - border: 2px solid #6c7781 !important; + border: 2px solid #787c82 !important; width: 36px !important; height: 18px !important; border-radius: 9px !important; @@ -266,8 +266,8 @@ body.admin-bar .cleanslate .components-modal__frame { height: 10px !important; border-radius: 50% !important; transition: 0.1s transform ease !important; - background-color: #6c7781 !important; - border: 5px solid #6c7781 !important; + background-color: #787c82 !important; + border: 5px solid #787c82 !important; } @media (prefers-reduced-motion: reduce) { @@ -277,16 +277,16 @@ body.admin-bar .cleanslate .components-modal__frame { } .components-form-toggle:hover .components-form-toggle__track { - border: 2px solid #555d66 !important; + border: 2px solid #50575e !important; } .components-form-toggle:hover .components-form-toggle__thumb { - background-color: #555d66 !important; - border: 5px solid #6c7781 !important; + background-color: #50575e !important; + border: 5px solid #787c82 !important; } .components-form-toggle:hover .components-form-toggle__off { - color: #555d66 !important; + color: #50575e !important; } .components-form-toggle.is-checked .components-form-toggle__track { @@ -296,7 +296,7 @@ body.admin-bar .cleanslate .components-modal__frame { } .components-form-toggle__input:focus + .components-form-toggle__track { - box-shadow: 0 0 0 2px #fff, 0 0 0 3px #6c7781 !important; + box-shadow: 0 0 0 2px #fff, 0 0 0 3px #787c82 !important; outline: 2px solid transparent !important; outline-offset: 2px !important; }