From 9f03cdadcb8556ed35cb80509c6a4f9da5a21b0a Mon Sep 17 00:00:00 2001 From: Kelly Choyce-Dwan Date: Tue, 26 Jan 2021 18:53:55 +0000 Subject: [PATCH] Administration: Standardize colors used in CSS to a single palette. This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black. Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce. See #49999. git-svn-id: https://develop.svn.wordpress.org/trunk@50025 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/admin-menu.css | 50 +-- src/wp-admin/css/code-editor.css | 16 +- src/wp-admin/css/color-picker.css | 42 +-- src/wp-admin/css/common.css | 386 +++++++++++----------- src/wp-admin/css/customize-controls.css | 294 ++++++++-------- src/wp-admin/css/customize-nav-menus.css | 60 ++-- src/wp-admin/css/customize-widgets.css | 34 +- src/wp-admin/css/dashboard.css | 94 +++--- src/wp-admin/css/deprecated-media.css | 38 +-- src/wp-admin/css/edit.css | 70 ++-- src/wp-admin/css/forms.css | 144 ++++---- src/wp-admin/css/install.css | 38 +-- src/wp-admin/css/list-tables.css | 118 +++---- src/wp-admin/css/login.css | 40 +-- src/wp-admin/css/media.css | 96 +++--- src/wp-admin/css/nav-menus.css | 42 +-- src/wp-admin/css/revisions.css | 36 +- src/wp-admin/css/site-health.css | 68 ++-- src/wp-admin/css/themes.css | 194 +++++------ src/wp-admin/css/widgets.css | 70 ++-- src/wp-admin/includes/misc.php | 4 +- src/wp-includes/css/admin-bar.css | 64 ++-- src/wp-includes/css/buttons.css | 92 +++--- src/wp-includes/css/customize-preview.css | 16 +- src/wp-includes/css/editor.css | 272 +++++++-------- src/wp-includes/css/jquery-ui-dialog.css | 44 +-- src/wp-includes/css/media-views.css | 202 +++++------ src/wp-includes/css/wp-auth-check.css | 6 +- src/wp-includes/css/wp-embed-template.css | 26 +- src/wp-includes/css/wp-pointer.css | 24 +- src/wp-includes/general-template.php | 6 +- 31 files changed, 1343 insertions(+), 1343 deletions(-) diff --git a/src/wp-admin/css/admin-menu.css b/src/wp-admin/css/admin-menu.css index b08646e9bb..97f4f2606a 100644 --- a/src/wp-admin/css/admin-menu.css +++ b/src/wp-admin/css/admin-menu.css @@ -3,7 +3,7 @@ #adminmenu, #adminmenu .wp-submenu { width: 160px; - background-color: #23282d; + background-color: #1d2327; } #adminmenuback { @@ -47,7 +47,7 @@ /* New Menu icons */ .icon16:before { - color: #82878c; /* same as new icons */ + color: #8c8f94; /* same as new icons */ font: normal 20px/1 dashicons; speak: never; padding: 6px 0; @@ -169,12 +169,12 @@ display: block; line-height: 1.3; padding: 2px 5px; - color: #eee; + color: #f0f0f1; } #adminmenu .wp-submenu a { - color: #b4b9be; - color: rgba(240, 245, 250, 0.7); + color: #c3c4c7; + color: rgba(240, 246, 252, 0.7); font-size: 13px; line-height: 1.4; margin: 0; @@ -190,7 +190,7 @@ #adminmenu li.menu-top > a:focus, #adminmenu .wp-submenu a:hover, #adminmenu .wp-submenu a:focus { - color: #00b9eb; + color: #72aee6; } #adminmenu a:hover, @@ -220,7 +220,7 @@ .folded #adminmenu .wp-has-current-submenu .wp-submenu { padding: 7px 0 8px; z-index: 9999; - background-color: #32373c; + background-color: #2c3338; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } @@ -245,7 +245,7 @@ border: 0 none; margin-top: 0; box-shadow: none; - background-color: #32373c; + background-color: #2c3338; } /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */ @@ -253,8 +253,8 @@ #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { position: relative; - background-color: #191e23; - color: #00b9eb; + background-color: #1d2327; + color: #72aee6; } .folded #adminmenu li.menu-top:hover, @@ -270,7 +270,7 @@ #adminmenu .wp-menu-arrow, #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow div { - background: #0073aa; + background: #2271b1; color: #fff; } @@ -378,15 +378,15 @@ } div.wp-menu-image:before { - color: #a0a5aa; - color: rgba(240, 245, 250, 0.6); + color: #a7aaad; + color: rgba(240, 246, 252, 0.6); padding: 7px 0; transition: all .1s ease-in-out; } #adminmenu div.wp-menu-image:before { - color: #a0a5aa; - color: rgba(240, 245, 250, 0.6); + color: #a7aaad; + color: rgba(240, 246, 252, 0.6); } #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, @@ -402,7 +402,7 @@ div.wp-menu-image:before { #adminmenu li:hover div.wp-menu-image:before, #adminmenu li a:focus div.wp-menu-image:before, #adminmenu li.opensub div.wp-menu-image:before { - color: #00b9eb; + color: #72aee6; } .folded #adminmenu div.wp-menu-image { @@ -440,7 +440,7 @@ ul#adminmenu > li.current > a.current:after { width: 0; position: absolute; pointer-events: none; - border-right-color: #f1f1f1; + border-right-color: #f0f0f1; top: 50%; margin-top: -8px; } @@ -476,7 +476,7 @@ ul#adminmenu > li.current > a.current:after { } #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { - border-right-color: #32373c; + border-right-color: #2c3338; } #adminmenu li.menu-top:hover .wp-menu-image img, @@ -525,7 +525,7 @@ ul#adminmenu > li.current > a.current:after { min-width: 18px; height: 18px; border-radius: 9px; - background-color: #ca4a1f; + background-color: #d63638; color: #fff; font-size: 11px; line-height: 1.6; @@ -535,7 +535,7 @@ ul#adminmenu > li.current > a.current:after { #adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins { - background-color: #ca4a1f; + background-color: #d63638; color: #fff; } @@ -553,16 +553,16 @@ ul#adminmenu > li.current > a.current:after { position: relative; overflow: visible; background: none; - color: #aaa; + color: #a7aaad; cursor: pointer; } #collapse-button:hover { - color: #00b9eb; + color: #72aee6; } #collapse-button:focus { - color: #00b9eb; + color: #72aee6; /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; outline-offset: -1px; @@ -887,7 +887,7 @@ li#wp-admin-bar-menu-toggle { } .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { - background: #32373c; + background: #2c3338; } li#wp-admin-bar-menu-toggle { @@ -918,7 +918,7 @@ li#wp-admin-bar-menu-toggle { } .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { - color: #00b9eb; + color: #72aee6; } } diff --git a/src/wp-admin/css/code-editor.css b/src/wp-admin/css/code-editor.css index 27db1fd33a..92c39405ba 100644 --- a/src/wp-admin/css/code-editor.css +++ b/src/wp-admin/css/code-editor.css @@ -34,25 +34,25 @@ } .wp-core-ui .CodeMirror-lint-message-warning { - background-color: #fff8e5; - border-left: 4px solid #ffb900; + background-color: #fcf9e8; + border-left: 4px solid #dba617; } .wrap .CodeMirror-lint-marker-warning:before, .wp-core-ui .CodeMirror-lint-message-warning:before { content: "\f534"; - color: #f6a306; + color: #dba617; } .wp-core-ui .CodeMirror-lint-message-error { - background-color: #fbeaea; - border-left: 4px solid #dc3232; + background-color: #fcf0f1; + border-left: 4px solid #d63638; } .wrap .CodeMirror-lint-marker-error:before, .wp-core-ui .CodeMirror-lint-message-error:before { content: "\f153"; - color: #dc3232; + color: #d63638; } .wp-core-ui .CodeMirror-lint-tooltip { @@ -63,7 +63,7 @@ } .wrap .CodeMirror .CodeMirror-matchingbracket { - background: rgba(255, 150, 0, 0.3); + background: rgba(219, 166, 23, 0.3); color: inherit; } @@ -72,5 +72,5 @@ } .wrap .CodeMirror .CodeMirror-linenumber { - color: #666; + color: #646970; } diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index 387883f828..ef3c19b465 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -17,10 +17,10 @@ } .wp-color-result-text { - background: #f7f7f7; + background: #f6f7f7; border-radius: 0 2px 2px 0; - border-left: 1px solid #ccc; - color: #555; + border-left: 1px solid #c3c4c7; + color: #50575e; display: block; line-height: 2.54545455; /* 28px */ padding: 0 6px; @@ -29,16 +29,16 @@ .wp-color-result:hover, .wp-color-result:focus { - background: #fafafa; - border-color: #999; - color: #23282d; + background: #f6f7f7; + border-color: #8c8f94; + color: #1d2327; } .wp-color-result:hover:after, .wp-color-result:focus:after { - color: #23282d; - border-color: #a0a5aa; - border-left: 1px solid #999; + color: #1d2327; + border-color: #a7aaad; + border-left: 1px solid #8c8f94; } .wp-picker-container { @@ -46,8 +46,8 @@ } .wp-color-result:focus { - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); } .wp-color-result:active { @@ -81,12 +81,12 @@ } .wp-picker-container .iris-square-slider .ui-slider-handle:focus { - background-color: #555 + background-color: #50575e } .wp-picker-container .iris-picker { border-radius: 0; - border-color: #ddd; + border-color: #dcdcde; margin-top: 6px; } @@ -102,34 +102,34 @@ } .wp-color-picker::-webkit-input-placeholder { - color: #72777c; + color: #787c82; } .wp-color-picker::-moz-placeholder { - color: #72777c; + color: #787c82; opacity: 1; } .wp-color-picker:-ms-input-placeholder { - color: #72777c; + color: #787c82; } .wp-picker-container input[type="text"].iris-error { - background-color: #ffebe8; - border-color: #c00; + background-color: #fcf0f1; + border-color: #d63638; color: #000; } .iris-picker .ui-square-handle:focus, .iris-picker .iris-strip .ui-slider-handle:focus { - border-color: #007cba; + border-color: #3582c4; border-style: solid; - box-shadow: 0 0 0 1px #007cba; + box-shadow: 0 0 0 1px #3582c4; outline: 2px solid transparent; } .iris-picker .iris-palette:focus { - box-shadow: 0 0 0 2px #007cba; + box-shadow: 0 0 0 2px #3582c4; } @media screen and (max-width: 782px) { diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 24c9d6d62c..fc3cdb3072 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -152,8 +152,8 @@ font-size: 14px; font-weight: 600; padding: 15px 23px 14px; - background: #f1f1f1; - color: #0073aa; + background: #f0f0f1; + color: #2271b1; z-index: 100000; line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); @@ -190,7 +190,7 @@ p.popular-tags, .feature-filter, .imgedit-group, .comment-ays { - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @@ -215,8 +215,8 @@ body { } body { - background: #f1f1f1; - color: #444; + background: #f0f0f1; + color: #3c434a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4em; @@ -252,7 +252,7 @@ td { /* Any change to the default link style must be applied to button-link too. */ a { - color: #0073aa; + color: #2271b1; transition-property: border, background, color; transition-duration: .05s; transition-timing-function: ease-in-out; @@ -265,16 +265,16 @@ div { a:hover, a:active { - color: #006799; + color: #135e96; } a:focus, a:focus .media-icon img, .wp-person a:focus .gravatar { - color: #124964; + color: #043959; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } @@ -331,14 +331,14 @@ h6 { } h1 { - color: #23282d; + color: #1d2327; font-size: 2em; margin: .67em 0; } h2, h3 { - color: #23282d; + color: #1d2327; font-size: 1.3em; margin: 1em 0; } @@ -419,7 +419,7 @@ kbd, code { padding: 3px 5px 2px 5px; margin: 0 1px; - background: #eaeaea; + background: #f0f0f1; background: rgba(0, 0, 0, 0.07); font-size: 13px; } @@ -430,7 +430,7 @@ code { padding: 0; font-size: 13px; float: left; - color: #666; + color: #646970; } .subsubsub a { @@ -441,7 +441,7 @@ code { .subsubsub a .count, .subsubsub a.current .count { - color: #555d66; /* #f1f1f1 background */ + color: #50575e; /* #f1f1f1 background */ font-weight: 400; } @@ -481,12 +481,12 @@ code { .widefat thead th, .widefat thead td { - border-bottom: 1px solid #ccd0d4; + border-bottom: 1px solid #c3c4c7; } .widefat tfoot th, .widefat tfoot td { - border-top: 1px solid #ccd0d4; + border-top: 1px solid #c3c4c7; border-bottom: none; } @@ -599,7 +599,7 @@ code { .subtitle { margin: 0; padding-left: 25px; - color: #555d66; + color: #50575e; font-size: 14px; font-weight: 400; line-height: 1; @@ -614,14 +614,14 @@ code { position: relative; top: -3px; text-decoration: none; - border: 1px solid #0071a1; + border: 1px solid #2271b1; border-radius: 2px; text-shadow: none; font-weight: 600; font-size: 13px; line-height: normal; /* IE8-IE11 need this for buttons */ - color: #0071a1; /* use the standard color used for buttons */ - background: #f3f5f6; + color: #2271b1; /* use the standard color used for buttons */ + background: #f6f7f7; cursor: pointer; } @@ -631,14 +631,14 @@ code { .wrap .add-new-h2:hover, /* deprecated */ .wrap .page-title-action:hover { - background: #f1f1f1; - border-color: #016087; - color: #016087; + background: #f0f0f1; + border-color: #0a4b78; + color: #0a4b78; } /* lower specificity: color needs to be overridden by :hover and :active */ .page-title-action:focus { - color: #016087; + color: #0a4b78; } /* Dashicon for language options on General Settings and Profile screens */ @@ -648,8 +648,8 @@ code { } .wrap .page-title-action:focus { - border-color: #007cba; - box-shadow: 0 0 0 1px #007cba; + border-color: #3582c4; + box-shadow: 0 0 0 1px #3582c4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -667,12 +667,12 @@ code { #available-widgets .widget-top:hover, div#widgets-right .widget-top:hover, #widgets-left .widget-top:hover { - border-color: #999; + border-color: #8c8f94; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .sorthelper { - background-color: #ccf3fa; + background-color: #c5d9ed; } .ac_match, @@ -683,47 +683,47 @@ div#widgets-right .widget-top:hover, .striped > tbody > :nth-child(odd), ul.striped > :nth-child(odd), .alternate { - background-color: #f9f9f9; + background-color: #f6f7f7; } .bar { - background-color: #e8e8e8; - border-right-color: #99d; + background-color: #f0f0f1; + border-right-color: #4f94d4; } /* Helper classes for plugins to leverage the active WordPress color scheme */ .highlight { - background-color: #e4f2fd; + background-color: #f0f6fc; color: #000; } .wp-ui-primary { color: #fff; - background-color: #32373c; + background-color: #2c3338; } .wp-ui-text-primary { - color: #32373c; + color: #2c3338; } .wp-ui-highlight { color: #fff; - background-color: #1e8cbe; + background-color: #4f94d4; } .wp-ui-text-highlight { - color: #1e8cbe; + color: #4f94d4; } .wp-ui-notification { color: #fff; - background-color: #d54e21; + background-color: #d63638; } .wp-ui-text-notification { - color: #d54e21; + color: #d63638; } .wp-ui-text-icon { - color: #82878c; /* same as new icons */ + color: #8c8f94; /* same as new icons */ } /* For emoji replacement images */ @@ -763,16 +763,16 @@ img.emoji { .widget .widget-top, .menu-item-handle { - background: #fafafa; - color: #23282d; + background: #f6f7f7; + color: #1d2327; } .stuffbox .hndle { - border-bottom: 1px solid #ccd0d4; + border-bottom: 1px solid #c3c4c7; } .quicktags { - background-color: #ccc; + background-color: #c3c4c7; color: #000; font-size: 12px; } @@ -787,7 +787,7 @@ img.emoji { #bulk-titles div a:before, .notice-dismiss:before { background: none; - color: #72777c; + color: #787c82; content: "\f153"; display: block; font: normal 16px/20px dashicons; @@ -810,7 +810,7 @@ img.emoji { .tagchecklist .ntdelbutton .remove-tag-icon:before { margin-left: 2px; border-radius: 50%; - color: #0073aa; + color: #2271b1; /* vertically center the icon cross browsers */ line-height: 1.28; } @@ -825,13 +825,13 @@ img.emoji { .tagchecklist .ntdelbutton:focus .remove-tag-icon:before, #bulk-titles div a:hover:before, #bulk-titles div a:focus:before { - color: #c00; + color: #d63638; } .tagchecklist .ntdelbutton:focus .remove-tag-icon:before { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } .key-labels label { @@ -849,7 +849,7 @@ strong, b { } .howto { - color: #666; + color: #646970; display: block; } @@ -864,8 +864,8 @@ p.install-help { hr { border: 0; - border-top: 1px solid #ddd; - border-bottom: 1px solid #fafafa; + border-top: 1px solid #dcdcde; + border-bottom: 1px solid #f6f7f7; } .row-actions span.delete a, @@ -879,7 +879,7 @@ hr { #media-items a.delete-permanently, #nav-menu-footer .menu-delete, #delete-link a.delete { - color: #a00; + color: #d63638; } abbr.required, @@ -896,7 +896,7 @@ span.required, #media-items a.delete-permanently:hover, #nav-menu-footer .menu-delete:hover, #delete-link a.delete:hover { - color: #dc3232; + color: #d63638; border: none; } @@ -907,8 +907,8 @@ span.required, #major-publishing-actions { padding: 10px; clear: both; - border-top: 1px solid #ddd; - background: #f5f5f5; + border-top: 1px solid #dcdcde; + background: #f6f7f7; } #delete-action { @@ -997,9 +997,9 @@ th.action-links { padding: 0 10px; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; background: #fff; - color: #555; + color: #50575e; font-size: 13px; } @@ -1020,7 +1020,7 @@ th.action-links { top: -1px; padding: 4px 10px; border-radius: 30px; - background: #72777c; + background: #787c82; color: #fff; font-size: 14px; font-weight: 600; @@ -1053,21 +1053,21 @@ th.action-links { margin: 0 10px; padding: 15px 0; border-bottom: 4px solid #fff; - color: #666; + color: #646970; cursor: pointer; } .filter-links .current { box-shadow: none; - border-bottom: 4px solid #666; - color: #23282d; + border-bottom: 4px solid #646970; + color: #1d2327; } .filter-links li > a:hover, .filter-links li > a:focus, .show-filters .filter-links a.current:hover, .show-filters .filter-links a.current:focus { - color: #006799; + color: #135e96; } .wp-filter .search-form { @@ -1110,7 +1110,7 @@ th.action-links { padding: 0 10px 0 6px; border-color: transparent; background-color: transparent; - color: #666; + color: #646970; vertical-align: baseline; box-shadow: none; } @@ -1118,7 +1118,7 @@ th.action-links { .wp-filter .drawer-toggle:before { content: "\f111"; margin: 0 5px 0 0; - color: #72777c; + color: #787c82; font: normal 16px/1 dashicons; vertical-align: text-bottom; -webkit-font-smoothing: antialiased; @@ -1130,7 +1130,7 @@ th.action-links { .wp-filter .button.drawer-toggle:focus, .wp-filter .drawer-toggle:focus:before { background-color: transparent; - color: #006799; + color: #135e96; } .wp-filter .button.drawer-toggle:hover, @@ -1139,7 +1139,7 @@ th.action-links { } .wp-filter .button.drawer-toggle:focus { - border-color: #5b9dd9; + border-color: #4f94d4; } .wp-filter .button.drawer-toggle:active { @@ -1157,8 +1157,8 @@ th.action-links { display: none; margin: 0 -10px 0 -20px; padding: 20px; - border-top: 1px solid #eee; - background: #fafafa; + border-top: 1px solid #f0f0f1; + background: #f6f7f7; overflow: hidden; } @@ -1173,13 +1173,13 @@ th.action-links { .show-filters .wp-filter .button.drawer-toggle { border-radius: 2px; - background: #72777c; + background: #787c82; color: #fff; } .show-filters .wp-filter .drawer-toggle:hover, .show-filters .wp-filter .drawer-toggle:focus { - background: rgb(46, 162, 204); + background: #72aee6; } .show-filters .wp-filter .drawer-toggle:before { @@ -1194,7 +1194,7 @@ th.action-links { padding: 20px 10px 10px; width: 24%; background: #fff; - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @@ -1276,7 +1276,7 @@ th.action-links { .filtered-by .tag { margin: 0 5px; padding: 4px 8px; - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; font-size: 11px; @@ -1316,7 +1316,7 @@ th.action-links { @media only screen and (max-width: 1120px) { .filter-drawer { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } .filter-group { @@ -1374,9 +1374,9 @@ th.action-links { div.updated, div.error { background: #fff; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-left-width: 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, .04); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); margin: 5px 15px 2px; padding: 1px 12px; } @@ -1412,7 +1412,7 @@ div.error p, .notice-title { display: inline-block; - color: #23282d; + color: #1d2327; font-size: 18px; } @@ -1429,55 +1429,55 @@ div.error p, margin: 0; padding: 9px; background: none; - color: #72777c; + color: #787c82; cursor: pointer; } .notice-dismiss:hover:before, .notice-dismiss:active:before, .notice-dismiss:focus:before { - color: #c00; + color: #d63638; } .notice-dismiss:focus { outline: none; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } .notice-success, div.updated { - border-left-color: #46b450; + border-left-color: #00a32a; } .notice-success.notice-alt { - background-color: #ecf7ed; + background-color: #edfaef; } .notice-warning { - border-left-color: #ffb900; + border-left-color: #dba617; } .notice-warning.notice-alt { - background-color: #fff8e5; + background-color: #fcf9e8; } .notice-error, div.error { - border-left-color: #dc3232; + border-left-color: #d63638; } .notice-error.notice-alt { - background-color: #fbeaea; + background-color: #fcf0f1; } .notice-info { - border-left-color: #00a0d2; + border-left-color: #72aee6; } .notice-info.notice-alt { - background-color: #e5f5fa; + background-color: #f0f6fc; } .update-message p:before, @@ -1525,7 +1525,7 @@ div.error { .import-php .updating-message:before, .button.updating-message:before, .button.installing:before { - color: #f56e28; + color: #d63638; content: "\f463"; } @@ -1547,13 +1547,13 @@ div.error { .updated-message p:before, .installed p:before, .button.updated-message:before { - color: #79ba49; + color: #68de7c; content: "\f147"; } /* Error icon. */ .update-message.notice-error p:before { - color: #dc3232; + color: #d63638; content: "\f534"; } @@ -1637,7 +1637,7 @@ p.auto-update-status { } .button-primary.updated-message:before { - color: #66c6e4; + color: #9ec2e6; } .button.updated-message { @@ -1693,7 +1693,7 @@ p.auto-update-status { margin: 0 20px -1px 0px; position: relative; background-color: #fff; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; box-shadow: 0 0 0 transparent; } @@ -1710,14 +1710,14 @@ p.auto-update-status { } #screen-meta-links .show-settings { - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; height: auto; margin-bottom: 0; padding: 3px 6px 3px 16px; background: #fff; border-radius: 0 0 4px 4px; - color: #72777c; + color: #787c82; line-height: 1.7; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; @@ -1726,12 +1726,12 @@ p.auto-update-status { #screen-meta-links .show-settings:hover, #screen-meta-links .show-settings:active, #screen-meta-links .show-settings:focus { - color: #32373c; + color: #2c3338; } #screen-meta-links .show-settings:focus { - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); } #screen-meta-links .show-settings:active { @@ -1751,7 +1751,7 @@ p.auto-update-status { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; - color: #72777c; + color: #787c82; } #screen-meta-links .screen-meta-active:after { @@ -1855,10 +1855,10 @@ p.auto-update-status { bottom: 0; left: 150px; right: 170px; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; border-bottom: none; - background: #f6fbfd; + background: #f0f6fc; } #contextual-help-wrap.no-sidebar #contextual-help-back { @@ -1896,20 +1896,20 @@ p.auto-update-status { } .contextual-help-tabs a:hover { - color: #32373c; + color: #2c3338; } .contextual-help-tabs .active { padding: 0; margin: 0 -1px 0 0; - border-left: 2px solid #00a0d2; - background: #f6fbfd; + border-left: 2px solid #72aee6; + background: #f0f6fc; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); } .contextual-help-tabs .active a { - border-color: #ccd0d4; - color: #32373c; + border-color: #c3c4c7; + color: #2c3338; } .contextual-help-tabs-wrap { @@ -1951,7 +1951,7 @@ html.wp-toolbar { .widefat th, .widefat td { - color: #555; + color: #50575e; } .widefat th, @@ -1964,7 +1964,7 @@ html.wp-toolbar { .widefat thead tr td, .widefat tfoot tr th, .widefat tfoot tr td { - color: #32373c; + color: #2c3338; } .widefat td p { @@ -1974,7 +1974,7 @@ html.wp-toolbar { .widefat p, .widefat ol, .widefat ul { - color: #32373c; + color: #2c3338; } .widefat .column-comment p { @@ -2050,7 +2050,7 @@ html.wp-toolbar { display: flex; align-items: center; justify-content: space-between; - border-bottom: 1px solid #ccd0d4; + border-bottom: 1px solid #c3c4c7; } .postbox-header .hndle { @@ -2080,7 +2080,7 @@ html.wp-toolbar { .postbox .handle-order-higher, .postbox .handle-order-lower { - color: #72777c; + color: #787c82; width: 1.62rem; } @@ -2089,17 +2089,17 @@ html.wp-toolbar { .edit-post-meta-boxes-area .postbox .handle-order-lower { width: 44px; height: 44px; - color: #191e23 + color: #1d2327 } .postbox .handle-order-higher[aria-disabled="true"], .postbox .handle-order-lower[aria-disabled="true"] { cursor: default; - color: #a0a5aa; + color: #a7aaad; } .sortable-placeholder { - border: 1px dashed #b4b9be; + border: 1px dashed #c3c4c7; margin-bottom: 20px; } @@ -2159,7 +2159,7 @@ html.wp-toolbar { } .temp-border { - border: 1px dotted #ccc; + border: 1px dotted #c3c4c7; } .columns-prefs label { @@ -2194,7 +2194,7 @@ html.wp-toolbar { left: 0; right: 0; padding: 10px 20px; - color: #555d66; + color: #50575e; } #wpfooter p { @@ -2213,15 +2213,15 @@ html.wp-toolbar { .nav-tab { float: left; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; border-bottom: none; margin-left: 0.5em; /* half the font size so set the font size properly */ padding: 5px 10px; font-size: 14px; line-height: 1.71428571; font-weight: 600; - background: #e5e5e5; - color: #555; + background: #dcdcde; + color: #50575e; text-decoration: none; white-space: nowrap; } @@ -2236,7 +2236,7 @@ h3 .nav-tab, /* Back-compat for pre-4.4 */ .nav-tab:hover, .nav-tab:focus { background-color: #fff; - color: #444; + color: #3c434a; } .nav-tab-active, @@ -2246,22 +2246,22 @@ h3 .nav-tab, /* Back-compat for pre-4.4 */ .nav-tab-active { margin-bottom: -1px; - color: #444; + color: #3c434a; } .nav-tab-active, .nav-tab-active:hover, .nav-tab-active:focus, .nav-tab-active:focus:active { - border-bottom: 1px solid #f1f1f1; - background: #f1f1f1; + border-bottom: 1px solid #f0f0f1; + background: #f0f0f1; color: #000; } h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */ .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */ .nav-tab-wrapper { - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #c3c4c7; margin: 0; padding-top: 9px; padding-bottom: 0; @@ -2345,7 +2345,7 @@ table .column-rating { .attention, .error-message { - color: #dc3232; + color: #d63638; font-weight: 600; } @@ -2371,7 +2371,7 @@ body.iframe { } .media-icon img { - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; border: 1px solid rgba(0, 0, 0, 0.07); } @@ -2414,7 +2414,7 @@ body.iframe { .importer-action { line-height: 1.55; /* Same as with .updating-message */ - color: #555; + color: #50575e; margin-bottom: 1em; } @@ -2424,8 +2424,8 @@ body.iframe { } .edit-comment-author { - color: #222; - border-bottom: 1px solid #eee; + color: #1d2327; + border-bottom: 1px solid #f0f0f1; } #namediv h3 label, /* Back-compat for pre-4.4 */ @@ -2521,7 +2521,7 @@ div.star-holder .star-rating { vertical-align: top; transition: color .1s ease-in; text-align: center; - color: #ffb900; + color: #dba617; } .star-rating .star-full:before { @@ -2565,7 +2565,7 @@ div.action-links { #plugin-information-title { padding: 0 26px; - background: #f5f5f5; + background: #f6f7f7; font-size: 22px; font-weight: 600; line-height: 2.4; @@ -2600,7 +2600,7 @@ div.action-links { padding: 0 15px; margin-top: 174px; color: #fff; - background: rgba(30, 30, 30, 0.9); + background: rgba(29, 35, 39, 0.9); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 0 30px rgba(255, 255, 255, 0.1); border-radius: 8px; @@ -2629,8 +2629,8 @@ div.action-links { min-height: 36px; font-size: 0; z-index: 1; - border-bottom: 1px solid #ddd; - background: #f3f3f3; + border-bottom: 1px solid #dcdcde; + background: #f6f7f7; } #plugin-information-tabs a { @@ -2648,10 +2648,10 @@ div.action-links { #plugin-information-tabs a.current { margin: 0 -1px -1px; background: #fff; - border: 1px solid #ddd; + border: 1px solid #dcdcde; border-bottom-color: #fff; padding-top: 8px; - color: #32373c; + color: #2c3338; } #plugin-information-tabs.with-banner a.current { @@ -2711,20 +2711,20 @@ div.action-links { margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ padding-bottom: 99999px; /* equal height column trick */ width: 217px; - border-left: 1px solid #ddd; - background: #f3f3f3; - color: #666; + border-left: 1px solid #dcdcde; + background: #f6f7f7; + color: #646970; } #plugin-information .fyi strong { - color: #444; + color: #3c434a; } #plugin-information .fyi h3 { font-weight: 600; text-transform: uppercase; font-size: 12px; - color: #666; + color: #646970; margin: 24px 0 8px; } @@ -2761,13 +2761,13 @@ div.action-links { #plugin-information .counter-back { height: 17px; width: 92px; - background-color: #e5e5e5; + background-color: #dcdcde; float: left; } #plugin-information .counter-bar { height: 17px; - background-color: #ffc733; /* slightly lighter than stars due to larger expanse */ + background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */ float: left; } @@ -2803,8 +2803,8 @@ div.action-links { bottom: 0; left: 0; height: 40px; /* actual height: 40+13+13+1=67 */ - border-top: 1px solid #ddd; - background: #f3f3f3; + border-top: 1px solid #dcdcde; + background: #f6f7f7; } /* rtl:ignore */ @@ -2848,12 +2848,12 @@ div.action-links { #plugin-information pre { padding: 7px; overflow: auto; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; } #plugin-information blockquote { - border-left: 2px solid #ddd; - color: #666; + border-left: 2px solid #dcdcde; + color: #646970; font-style: italic; margin: 1em 0; padding: 0 0 0 1em; @@ -2864,7 +2864,7 @@ div.action-links { overflow: hidden; /* clearfix */ width: 100%; margin-bottom: 20px; - border-bottom: 1px solid #e5e5e5; + border-bottom: 1px solid #dcdcde; } #plugin-information .review-title-section { @@ -2945,7 +2945,7 @@ div.action-links { #plugin-information .fyi { float: none; - border: 1px solid #ddd; + border: 1px solid #dcdcde; position: static; width: auto; margin: 26px 26px 0; @@ -2971,7 +2971,7 @@ div.action-links { /* Thickbox for the Plugin details modal. */ #TB_window.plugin-details-modal { - background: #fcfcfc; + background: #fff; } #TB_window.plugin-details-modal.thickbox-loading:before { @@ -2984,7 +2984,7 @@ div.action-links { top: 50%; z-index: -1; margin: -10px 0 0 -10px; - background: #fcfcfc url(../images/spinner.gif) no-repeat center; + background: #fff url(../images/spinner.gif) no-repeat center; background-size: 20px 20px; transform: translateZ(0); } @@ -3010,12 +3010,12 @@ div.action-links { .plugin-details-modal #TB_closeWindowButton { left: auto; right: -30px; - color: #eee; + color: #f0f0f1; } .plugin-details-modal #TB_closeWindowButton:hover, .plugin-details-modal #TB_closeWindowButton:focus { - color: #006799; + color: #135e96; outline: none; box-shadow: none; } @@ -3104,15 +3104,15 @@ img { .bulk-action-notice .toggle-indicator::before { line-height: 16px; vertical-align: top; - color: #72777c; + color: #787c82; } .postbox .handle-order-higher:focus, .postbox .handle-order-lower:focus, .postbox .handlediv:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } @@ -3138,7 +3138,7 @@ img { #template textarea { font-family: Consolas, Monaco, monospace; font-size: 13px; - background: #f9f9f9; + background: #f6f7f7; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; @@ -3149,7 +3149,7 @@ img { width: 100%; min-height: 60vh; height: calc( 100vh - 295px ); - border: 1px solid #ddd; + border: 1px solid #dcdcde; box-sizing: border-box; } @@ -3171,8 +3171,8 @@ img { padding: 0; min-height: 60vh; height: calc(100vh - 295px); - background-color: #f7f7f7; - border: 1px solid #ddd; + background-color: #f6f7f7; + border: 1px solid #dcdcde; border-left: none; } #templateside ul ul { @@ -3216,14 +3216,14 @@ img { outline: 0; } [role="treeitem"] .folder-label.focus { - color: #124964; + color: #043959; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } [role="treeitem"].hover, [role="treeitem"] .folder-label.hover { - background-color: #eaeaea; + background-color: #f0f0f1; } .tree-folder { @@ -3240,7 +3240,7 @@ img { display: block; position: absolute; left: 2px; - border-left: 1px solid #ccc; + border-left: 1px solid #c3c4c7; top: -13px; bottom: 10px; } @@ -3248,18 +3248,18 @@ img { content: ""; position: absolute; display: block; - border-left: 1px solid #ccc; + border-left: 1px solid #c3c4c7; left: 2px; top: -5px; height: 18px; width: 7px; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #c3c4c7; } .tree-folder > li::after { content: ""; position: absolute; display: block; - border-left: 1px solid #ccc; + border-left: 1px solid #c3c4c7; left: 2px; bottom: -7px; top: 0; @@ -3380,7 +3380,7 @@ img { } .nonessential { - color: #666; + color: #646970; font-size: 11px; font-style: italic; padding-left: 12px; @@ -3428,11 +3428,11 @@ img { .item-edit, .toggle-indicator, .accordion-section-title:after { - color: #72777c; + color: #787c82; } .widget-action { - color: #555d66; /* #fafafa background in the Widgets screen */ + color: #50575e; /* #fafafa background in the Widgets screen */ } .widget-top:hover .widget-action, @@ -3445,15 +3445,15 @@ img { .item-edit:focus, .sidebar-name:hover .toggle-indicator, .accordion-section-title:hover:after { - color: #23282d; + color: #1d2327; /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } .widget-top .widget-action:focus .toggle-indicator:before { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } .control-section .accordion-section-title:after, @@ -3486,7 +3486,7 @@ img { /* Accordion */ .accordion-section { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; margin: 0; } @@ -3496,7 +3496,7 @@ img { } .accordion-section.open:hover { - border-bottom-color: #ddd; + border-bottom-color: #dcdcde; } .accordion-section-content { @@ -3510,8 +3510,8 @@ img { margin: 0; padding: 12px 15px 15px; position: relative; - border-left: 1px solid #ddd; - border-right: 1px solid #ddd; + border-left: 1px solid #dcdcde; + border-right: 1px solid #dcdcde; -webkit-user-select: none; -ms-user-select: none; user-select: none; @@ -3535,7 +3535,7 @@ img { .accordion-section-title:hover:after, .accordion-section-title:focus:after { - border-color: #a0a5aa transparent; + border-color: #a7aaad transparent; /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } @@ -3566,13 +3566,13 @@ img { .js .control-section .accordion-section-title:hover, .js .control-section.open .accordion-section-title, .js .control-section .accordion-section-title:focus { - color: #23282d; - background: #f5f5f5; + color: #1d2327; + background: #f6f7f7; } .control-section.open .accordion-section-title { /* When expanded */ - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } /* Edit Site */ @@ -3612,7 +3612,7 @@ img { position: absolute; top: 0; right: 0; - background: #ccc; + background: #c3c4c7; } } @@ -3632,7 +3632,7 @@ img { } .my-sites li:nth-of-type(4n+1), .my-sites li:nth-of-type(4n+2) { - background-color: #f9f9f9; + background-color: #f6f7f7; } } @@ -3649,7 +3649,7 @@ img { .my-sites li:nth-of-type(6n+1), .my-sites li:nth-of-type(6n+2), .my-sites li:nth-of-type(6n+3) { - background-color: #f9f9f9; + background-color: #f6f7f7; } } @@ -3670,7 +3670,7 @@ img { .my-sites li:nth-of-type(8n+2), .my-sites li:nth-of-type(8n+3), .my-sites li:nth-of-type(8n+4) { - background-color: #f9f9f9; + background-color: #f6f7f7; } } @@ -3692,7 +3692,7 @@ img { .my-sites li:nth-of-type(10n+3), .my-sites li:nth-of-type(10n+4), .my-sites li:nth-of-type(10n+5) { - background-color: #f9f9f9; + background-color: #f6f7f7; } } @@ -3715,7 +3715,7 @@ img { .my-sites li:nth-of-type(12n+4), .my-sites li:nth-of-type(12n+5), .my-sites li:nth-of-type(12n+6) { - background-color: #f9f9f9; + background-color: #f6f7f7; } } @@ -3883,7 +3883,7 @@ img { } #templateside > ul { - border-left: 1px solid #ddd; + border-left: 1px solid #dcdcde; } #templateside li { @@ -4093,13 +4093,13 @@ img { h3 .nav-tab, nav .nav-tab { margin: 10px 10px 0 0; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #c3c4c7; } .nav-tab-active:hover, .nav-tab-active:focus, .nav-tab-active:focus:active { - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #c3c4c7; } .wp-filter .search-form input[type="search"] { diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 837e50e44a..676bbf6b6c 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -61,7 +61,7 @@ body { } #customize-controls .description { - color: #555d66; + color: #50575e; } #customize-save-button-wrapper { @@ -80,7 +80,7 @@ body:not(.ready) #customize-save-button-wrapper .save { } #customize-save-button-wrapper .save:focus, #publish-settings:focus { - box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; /* This is default box shadow for focus */ + box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */ } #customize-save-button-wrapper .save.has-next-sibling { @@ -98,10 +98,10 @@ body:not(.ready) #customize-save-button-wrapper .save { width: 100%; margin: 0; z-index: -1; - background: #eee; + background: #f0f0f1; transition: left .18s; - border-right: 1px solid #ddd; - border-left: 1px solid #ddd; + border-right: 1px solid #dcdcde; + border-left: 1px solid #dcdcde; height: 100%; } @@ -179,7 +179,7 @@ body.trashing #publish-settings { } #customize-header-actions { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } #customize-controls .wp-full-overlay-sidebar-content { @@ -188,19 +188,19 @@ body.trashing #publish-settings { } .outer-section-open #customize-controls .wp-full-overlay-sidebar-content { - background: #eee; + background: #f0f0f1; } #customize-controls .customize-info { border: none; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; margin-bottom: 15px; } #customize-control-changeset_status .customize-inside-control-row, #customize-control-changeset_preview_link input { - background-color: #ffffff; - border-bottom: 1px solid #ddd; + background-color: #fff; + border-bottom: 1px solid #dcdcde; box-sizing: content-box; width: 100%; margin-left: -12px; @@ -226,7 +226,7 @@ body.trashing #publish-settings { } #customize-controls .date-input:invalid { - border-color: #dc3232; + border-color: #d63638; } #customize-control-changeset_status .customize-inside-control-row { @@ -236,7 +236,7 @@ body.trashing #publish-settings { } #customize-control-changeset_status .customize-inside-control-row:first-of-type { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } #customize-control-changeset_status .customize-control-title { @@ -268,7 +268,7 @@ body.trashing #publish-settings { content: ""; height: 28px; position: absolute; - background: #ffffff; + background: #fff; top: -1px; } @@ -286,7 +286,7 @@ body.trashing #publish-settings { #customize-control-changeset_preview_link input { line-height: 2.85714286; /* 40px */ - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; border-left: none; border-right: none; text-indent: -999px; @@ -315,7 +315,7 @@ body.trashing #publish-settings { #customize-control-changeset_preview_link a.disabled:active, #customize-control-changeset_preview_link a.disabled:focus, #customize-control-changeset_preview_link a.disabled:visited { - color: black; + color: #000; opacity: 0.4; cursor: default; outline: none; @@ -376,8 +376,8 @@ body.trashing #publish-settings { width: 100%; margin-left: -12px; padding: 12px; - background: #ffffff; - border-bottom: 1px solid #ddd; + background: #fff; + border-bottom: 1px solid #dcdcde; margin-bottom: 0; } @@ -409,7 +409,7 @@ body.trashing #publish-settings { #customize-controls .customize-info .accordion-section-title { background: #fff; - color: #555d66; + color: #50575e; border-left: none; border-right: none; border-bottom: none; @@ -419,7 +419,7 @@ body.trashing #publish-settings { #customize-controls .customize-info.open .accordion-section-title:after, #customize-controls .customize-info .accordion-section-title:hover:after, #customize-controls .customize-info .accordion-section-title:focus:after { - color: #32373c; + color: #2c3338; } #customize-controls .customize-info .accordion-section-title:after { @@ -462,7 +462,7 @@ body.trashing #publish-settings { box-shadow: none; -webkit-appearance: none; background: transparent; - color: #555d66; + color: #50575e; border: none; } @@ -475,18 +475,18 @@ body.trashing #publish-settings { #customize-controls .customize-info.open .customize-help-toggle, #customize-controls .customize-info .customize-help-toggle:focus, #customize-controls .customize-info .customize-help-toggle:hover { - color: #0073aa; + color: #2271b1; } #customize-controls .customize-info .customize-panel-description, #customize-controls .customize-info .customize-section-description, #customize-outer-theme-controls .customize-info .customize-section-description, #customize-controls .no-widget-areas-rendered-notice { - color: #555d66; + color: #50575e; display: none; background: #fff; padding: 12px 15px; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } #customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice { @@ -527,9 +527,9 @@ body.trashing #publish-settings { #customize-theme-controls .accordion-section-title, #customize-outer-theme-controls .accordion-section-title { - color: #555d66; + color: #50575e; background-color: #fff; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; border-left: 4px solid #fff; transition: .15s color ease-in-out, @@ -538,7 +538,7 @@ body.trashing #publish-settings { } #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { - color: #555; + color: #50575e; background-color: #fff; border-left: 4px solid #fff; } @@ -546,12 +546,12 @@ body.trashing #publish-settings { #customize-theme-controls .accordion-section-title:after, #customize-outer-theme-controls .accordion-section-title:after { content: "\f345"; - color: #a0a5aa; + color: #a7aaad; } #customize-theme-controls .accordion-section-content, #customize-outer-theme-controls .accordion-section-content { - color: #555d66; + color: #50575e; background: transparent; } @@ -559,20 +559,20 @@ body.trashing #publish-settings { #customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section .accordion-section-title:focus { - color: #0073aa; - background: #f3f3f5; - border-left-color: #0073aa; + color: #2271b1; + background: #f6f7f7; + border-left-color: #2271b1; } #accordion-section-themes + .control-section { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } .js .control-section:hover .accordion-section-title, .js .control-section .accordion-section-title:hover, .js .control-section.open .accordion-section-title, .js .control-section .accordion-section-title:focus { - background: #f3f3f5; + background: #f6f7f7; } #customize-theme-controls .control-section:hover > .accordion-section-title:after, @@ -583,27 +583,27 @@ body.trashing #publish-settings { #customize-outer-theme-controls .control-section .accordion-section-title:hover:after, #customize-outer-theme-controls .control-section.open .accordion-section-title:after, #customize-outer-theme-controls .control-section .accordion-section-title:focus:after { - color: #0073aa; + color: #2271b1; } #customize-theme-controls .control-section.open { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } #customize-theme-controls .control-section.open .accordion-section-title, #customize-outer-theme-controls .control-section.open .accordion-section-title { - border-bottom-color: #eee !important; + border-bottom-color: #f0f0f1 !important; } #customize-theme-controls .control-section:last-of-type.open, #customize-theme-controls .control-section:last-of-type > .accordion-section-title { - border-bottom-color: #ddd; + border-bottom-color: #dcdcde; } #customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2), #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu, #customize-theme-controls .control-section-nav_menu_locations .accordion-section-title { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu { @@ -717,7 +717,7 @@ body.trashing #publish-settings { .customize-section-title { margin: -12px -12px 0 -12px; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; background: #fff; } @@ -738,7 +738,7 @@ div.customize-section-description p:last-child { } #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; padding: 12px 12px 12px 12px; } @@ -751,7 +751,7 @@ h3.customize-section-title { padding: 10px 10px 12px 14px; margin: 0; line-height: 21px; - color: #555d66; + color: #50575e; } .accordion-sub-container.control-panel-content { @@ -777,11 +777,11 @@ h3.customize-section-title { width: 45px; height: 41px; padding: 0 2px 0 0; - background: #eee; + background: #f0f0f1; border: none; - border-top: 4px solid #eee; - border-right: 1px solid #ddd; - color: #444; + border-top: 4px solid #f0f0f1; + border-right: 1px solid #dcdcde; + color: #3c434a; text-align: left; cursor: pointer; transition: @@ -801,7 +801,7 @@ h3.customize-section-title { margin: 0; background: #fff; border: none; - border-right: 1px solid #ddd; + border-right: 1px solid #dcdcde; border-left: 4px solid #fff; box-shadow: none; cursor: pointer; @@ -831,7 +831,7 @@ h3.customize-section-title { #customize-controls .panel-meta.customize-info .accordion-section-title:hover, #customize-controls .cannot-expand:hover .accordion-section-title { background: #fff; - color: #555d66; + color: #50575e; border-left-color: #fff; } @@ -840,8 +840,8 @@ h3.customize-section-title { .customize-controls-preview-toggle:focus, .customize-controls-preview-toggle:hover { background: #fff; - color: #0073aa; - border-top-color: #0073aa; + color: #2271b1; + border-top-color: #2271b1; box-shadow: none; /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; @@ -857,9 +857,9 @@ h3.customize-section-title { .customize-panel-back:focus, .customize-section-back:hover, .customize-section-back:focus { - color: #0073aa; - background: #f3f3f5; - border-left-color: #0073aa; + color: #2271b1; + background: #f6f7f7; + border-left-color: #2271b1; box-shadow: none; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; @@ -883,7 +883,7 @@ h3.customize-section-title { } .wp-full-overlay-sidebar .wp-full-overlay-header { - background-color: #eee; + background-color: #f0f0f1; transition: padding ease-in-out .18s; } @@ -1062,7 +1062,7 @@ p.customize-section-description { position: absolute; bottom: 0; z-index: 10; - background: #eee; + background: #f0f0f1; display: flex; } @@ -1084,7 +1084,7 @@ p.customize-section-description { } .customize-control-dropdown-pages .new-content-item .create-item-input.invalid { - border: 1px solid #dc3232; + border: 1px solid #d63638; } .customize-control-dropdown-pages .add-new-toggle { @@ -1103,8 +1103,8 @@ p.customize-section-description { } .wp-full-overlay-sidebar { - background: #eee; - border-right: 1px solid #ddd; + background: #f0f0f1; + border-right: 1px solid #dcdcde; } @@ -1120,7 +1120,7 @@ p.customize-section-description { #customize-controls .customize-control-widget_form.has-error .widget .widget-top, .customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle { - box-shadow: inset 0 0 0 2px #dc3232; + box-shadow: inset 0 0 0 2px #d63638; transition: .15s box-shadow linear; } @@ -1147,14 +1147,14 @@ p.customize-section-description { } .customize-control-text.has-error input { - outline: 2px solid #dc3232; + outline: 2px solid #d63638; } #customize-controls #customize-notifications-area { position: absolute; top: 46px; width: 100%; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; display: block; padding: 0; margin: 0; @@ -1182,7 +1182,7 @@ p.customize-section-description { } #customize-controls .panel-meta > .customize-control-notifications-container, #customize-controls .customize-section-title > .customize-control-notifications-container { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } #customize-controls #customize-notifications-area .notice, #customize-controls .panel-meta > .customize-control-notifications-container .notice, @@ -1219,7 +1219,7 @@ p.customize-section-description { /* Note: Styles for this are also defined in themes.css */ #customize-controls #customize-notifications-area .notice.notification-overlay .notification-message { clear: both; - color: #191e23; + color: #1d2327; font-size: 18px; font-style: normal; margin: 0; @@ -1263,7 +1263,7 @@ p.customize-section-description { line-height: 16px; margin-right: 16px; padding: 4px 5px; - border: 2px solid #eee; + border: 2px solid #f0f0f1; -webkit-user-select: none; -ms-user-select: none; user-select: none; @@ -1276,7 +1276,7 @@ p.customize-section-description { bottom: 0; right: 0; width: 20px; - background: #eee; + background: #f0f0f1; } .customize-control .dropdown-arrow:after { @@ -1291,12 +1291,12 @@ p.customize-section-description { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; - color: #32373c; + color: #2c3338; } .customize-control .dropdown-status { - color: #32373c; - background: #eee; + color: #2c3338; + background: #f0f0f1; display: none; max-width: 112px; } @@ -1307,7 +1307,7 @@ p.customize-section-description { } .customize-control-color .dropdown .dropdown-content { - background-color: #555d66; + background-color: #50575e; border: 1px solid rgba(0, 0, 0, 0.15); } @@ -1376,7 +1376,7 @@ p.customize-section-description { position: relative; text-align: center; cursor: default; - border: 1px dashed #b4b9be; + border: 1px dashed #c3c4c7; box-sizing: border-box; padding: 9px 0; line-height: 1.6; @@ -1384,19 +1384,19 @@ p.customize-section-description { .customize-control .attachment-media-view .button-add-media { cursor: pointer; - background-color: #edeff0; - color: #32373c; + background-color: #f0f0f1; + color: #2c3338; } .customize-control .attachment-media-view .button-add-media:hover { - background-color: #fbfbfc; + background-color: #fff; } .customize-control .attachment-media-view .button-add-media:focus { - background-color: #fbfbfc; - border-color: #007cba; + background-color: #fff; + border-color: #3582c4; border-style: solid; - box-shadow: 0 0 0 1px #007cba; + box-shadow: 0 0 0 1px #3582c4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -1405,7 +1405,7 @@ p.customize-section-description { display: none; position: absolute; width: 100%; - color: #555d66; + color: #50575e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -1449,7 +1449,7 @@ p.customize-section-description { left: 0; bottom: 0; right: 0; - border: 4px solid #00a0d2; + border: 4px solid #72aee6; border-radius: 2px; } @@ -1462,7 +1462,7 @@ p.customize-section-description { .customize-control-header .uploaded .header-view .close { font-size: 20px; color: #fff; - background: #555d66; + background: #50575e; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; @@ -1480,7 +1480,7 @@ p.customize-section-description { } .customize-control-header .header-view .close:focus { - outline: 1px solid #5b9dd9; + outline: 1px solid #4f94d4; } /* Header control: randomiz(s)er */ @@ -1542,8 +1542,8 @@ p.customize-section-description { .customize-control-header .choice:focus { outline: none; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 3px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 3px 1px rgba(79, 148, 212, 0.8); } .customize-control-header .uploaded div:last-child > .choice { @@ -1660,9 +1660,9 @@ p.customize-section-description { #customize-theme-controls .control-panel-themes > .accordion-section-title { cursor: default; background: #fff; - color: #555d66; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + color: #50575e; + border-top: 1px solid #dcdcde; + border-bottom: 1px solid #dcdcde; border-left: none; border-right: none; margin: 0 0 15px 0; @@ -1720,7 +1720,7 @@ p.customize-section-description { overflow-y: scroll; width: calc(100% - 300px); height: calc(100% - 96px); - background: #eee; + background: #f0f0f1; z-index: 20; } @@ -1757,7 +1757,7 @@ p.customize-section-description { } .wp-full-overlay.in-themes-panel { - background: #eee; /* Prevents a black flash when fading in the panel */ + background: #f0f0f1; /* Prevents a black flash when fading in the panel */ } .in-themes-panel #customize-save-button-wrapper, @@ -1795,8 +1795,8 @@ p.customize-section-description { } .themes-filter-bar .feature-filter-toggle.open { - background: #eee; - border-color: #999; + background: #f0f0f1; + border-color: #8c8f94; box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } @@ -1813,8 +1813,8 @@ p.customize-section-description { padding: 25px 0 25px 25px; border-top: 0; margin: 0; - background: #eee; - border-bottom: 1px solid #ddd; + background: #f0f0f1; + border-bottom: 1px solid #dcdcde; } .filter-drawer .filter-group { @@ -1853,7 +1853,7 @@ p.customize-section-description { .control-panel-themes .filter-themes-count .themes-displayed { font-weight: 600; - color: #555d66; + color: #50575e; } .customize-themes-notifications { @@ -1877,8 +1877,8 @@ p.customize-section-description { padding: 0 0 8px 15px; margin: 15px 0 0 0; line-height: 16px; - border-bottom: 1px solid #ddd; - color: #555d66; + border-bottom: 1px solid #dcdcde; + color: #50575e; } .control-panel-themes .customize-themes-section-title { @@ -1887,7 +1887,7 @@ p.customize-section-description { box-shadow: none; outline: none; border-top: none; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; border-left: 4px solid #fff; border-right: none; cursor: pointer; @@ -1896,12 +1896,12 @@ p.customize-section-description { text-align: left; font-size: 14px; font-weight: 600; - color: #555d66; + color: #50575e; text-shadow: none; } .control-panel-themes #accordion-section-installed_themes { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } .control-panel-themes .theme-section { @@ -1911,9 +1911,9 @@ p.customize-section-description { .control-panel-themes .customize-themes-section-title:focus, .control-panel-themes .customize-themes-section-title:hover { - border-left-color: #0073aa; - color: #0073aa; - background: #f5f5f5; + border-left-color: #2271b1; + color: #2271b1; + background: #f6f7f7; } .customize-themes-section-title:not(.selected):after { @@ -1925,7 +1925,7 @@ p.customize-section-description { width: 18px; height: 18px; border-radius: 100%; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; background: #fff; } @@ -1940,12 +1940,12 @@ p.customize-section-description { position: absolute; top: 9px; right: 15px; - background: #0073aa; + background: #2271b1; color: #fff; } .control-panel-themes .customize-themes-section-title.selected { - color: #0073aa; + color: #2271b1; } #customize-theme-controls .themes.accordion-section-content { @@ -1979,7 +1979,7 @@ p.customize-section-description { .customize-control-theme .theme { width: 100%; margin: 0; - border: 1px solid #ddd; + border: 1px solid #dcdcde; background: #fff; } @@ -2056,11 +2056,11 @@ p.customize-section-description { left: 300px; width: calc(100% - 300px); height: 46px; - background: #eee; + background: #f0f0f1; z-index: 10; padding: 6px 25px; box-sizing: border-box; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } @media screen and (min-width: 1670px) { @@ -2181,8 +2181,8 @@ p.customize-section-description { position: fixed; top: 0; left: 0; - background: #eee; - color: #444; + background: #f0f0f1; + color: #3c434a; border-radius: 0; box-shadow: none; border: none; @@ -2191,7 +2191,7 @@ p.customize-section-description { z-index: 10; text-align: left; text-shadow: none; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; border-left: 4px solid transparent; margin: 0; padding: 0; @@ -2207,14 +2207,14 @@ p.customize-section-description { display: block; line-height: 2.3; padding: 0 8px 0 8px; - border-right: 1px solid #ddd; + border-right: 1px solid #dcdcde; } .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover, .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus { - color: #0073aa; - background: #f3f3f5; - border-left-color: #0073aa; + color: #2271b1; + background: #f6f7f7; + border-left-color: #2271b1; box-shadow: none; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; @@ -2257,7 +2257,7 @@ p.customize-section-description { } .wp-customizer .theme-overlay .theme-backdrop { - background: rgba(238, 238, 238, 0.75); + background: rgba(240, 240, 241, 0.75); position: fixed; z-index: 110; } @@ -2282,8 +2282,8 @@ p.customize-section-description { .wp-customizer .theme-overlay .theme-actions { text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */ padding: 10px 25px; - background: #eee; - border-top: 1px solid #ddd; + background: #f0f0f1; + border-top: 1px solid #dcdcde; } .wp-customizer .theme-overlay .theme-actions .theme-install.preview { @@ -2302,12 +2302,12 @@ p.customize-section-description { } .wp-customizer .theme-header { - background: #eee; + background: #f0f0f1; } .wp-customizer .theme-overlay .theme-header button, .wp-customizer .theme-overlay .theme-header .close:before { - color: #444; + color: #3c434a; } .wp-customizer .theme-overlay .theme-header .close:focus, @@ -2317,13 +2317,13 @@ p.customize-section-description { .wp-customizer .theme-overlay .theme-header .left:focus, .wp-customizer .theme-overlay .theme-header .left:hover { background: #fff; - border-bottom: 4px solid #0073aa; - color: #0073aa; + border-bottom: 4px solid #2271b1; + color: #2271b1; } .wp-customizer .theme-overlay .theme-header .close:focus:before, .wp-customizer .theme-overlay .theme-header .close:hover:before { - color: #0073aa; + color: #2271b1; } .wp-customizer .theme-overlay .theme-header button.disabled, @@ -2331,7 +2331,7 @@ p.customize-section-description { .wp-customizer .theme-overlay .theme-header button.disabled:focus { border-bottom: none; background: transparent; - color: #ccc; + color: #c3c4c7; } /* Small Screens */ @@ -2353,18 +2353,18 @@ body.cheatin { font-size: medium; height: auto; background: #fff; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; margin: 50px auto 2em; padding: 1em 2em; max-width: 700px; min-width: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, .04); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } body.cheatin h1 { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; clear: both; - color: #555d66; + color: #50575e; font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 30px 0 0 0; @@ -2446,7 +2446,7 @@ body.cheatin p { display: block; width: 33px; /* was 42px for mobile */ height: 43px; - color: #82878c; + color: #8c8f94; text-indent: -9999px; cursor: pointer; outline: none; @@ -2479,8 +2479,8 @@ body.cheatin p { .widget-reorder-nav span:focus, .menu-item-reorder-nav button:hover, .menu-item-reorder-nav button:focus { - color: #191e23; - background: #eee; + color: #1d2327; + background: #f0f0f1; } .move-widget-down:before, @@ -2499,7 +2499,7 @@ body.cheatin p { .move-down-disabled .menus-move-down, .move-right-disabled .menus-move-right, .move-left-disabled .menus-move-left { - color: #d5d5d5; + color: #dcdcde; background-color: #fff; cursor: default; pointer-events: none; @@ -2520,9 +2520,9 @@ body.adding-widget .add-new-widget:hover, .adding-menu-items .add-new-menu-item:hover, .add-menu-toggle.open, .add-menu-toggle.open:hover { - background: #eee; - border-color: #929793; - color: #32373c; + background: #f0f0f1; + border-color: #8c8f94; + color: #2c3338; box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } @@ -2544,9 +2544,9 @@ body.adding-widget .add-new-widget:before, width: 300px; margin: 0; z-index: 4; - background: #eee; + background: #f0f0f1; transition: left .18s; - border-right: 1px solid #ddd; + border-right: 1px solid #dcdcde; } #available-widgets .customize-section-title, @@ -2560,7 +2560,7 @@ body.adding-widget .add-new-widget:before, overflow: auto; bottom: 0; width: 100%; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } .no-widgets-found #available-widgets-list { @@ -2572,7 +2572,7 @@ body.adding-widget .add-new-widget:before, top: 0; z-index: 1; width: 300px; - background: #eee; + background: #f0f0f1; } /* search field container */ @@ -2605,7 +2605,7 @@ body.adding-widget .add-new-widget:before, height: 30px; line-height: 2.1; text-align: center; - color: #72777c; + color: #787c82; } #available-widgets-filter .clear-results, @@ -2619,7 +2619,7 @@ body.adding-widget .add-new-widget:before, border: 0; cursor: pointer; background: none; - color: #a00; + color: #d63638; text-decoration: none; outline: 0; } @@ -2648,14 +2648,14 @@ body.adding-widget .add-new-widget:before, #available-widgets-filter .clear-results:focus, #available-menu-items-search .clear-results:hover, #available-menu-items-search .clear-results:focus { - color: #dc3232; + color: #d63638; } #available-widgets-filter .clear-results:focus, #available-menu-items-search .clear-results:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } #available-menu-items-search .search-icon:after, @@ -2673,7 +2673,7 @@ body.adding-widget .add-new-widget:before, top: 7px; left: 26px; z-index: 1; - color: #72777c; + color: #787c82; height: 30px; width: 30px; line-height: 2; @@ -2705,7 +2705,7 @@ body.adding-widget .add-new-widget:before, position: relative; padding: 15px 15px 15px 60px; background: #fff; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; border-left: 4px solid #fff; transition: .15s color ease-in-out, @@ -2824,10 +2824,10 @@ body.adding-widget .add-new-widget:before, padding: 0 12px; margin: 0; height: 45px; - background: #eee; + background: #f0f0f1; border: 0; - border-right: 1px solid #ddd; - color: #555d66; + border-right: 1px solid #dcdcde; + color: #50575e; cursor: pointer; transition: color .1s ease-in-out, background .1s ease-in-out; } @@ -2902,7 +2902,7 @@ body.adding-widget .add-new-widget:before, padding: 9px 10px 12px 14px; margin: 0; line-height: 24px; - color: #555d66; + color: #50575e; display: block; overflow: hidden; white-space: nowrap; diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css index 28c2a2dafa..730fc7417b 100644 --- a/src/wp-admin/css/customize-nav-menus.css +++ b/src/wp-admin/css/customize-nav-menus.css @@ -4,7 +4,7 @@ } #customize-theme-controls #accordion-section-menu_locations > .accordion-section-title { - border-bottom-color: #ddd; + border-bottom-color: #dcdcde; margin-top: 15px; } @@ -29,7 +29,7 @@ #customize-controls .theme-location-set, #customize-controls .control-section .accordion-section-title:focus .menu-in-location, #customize-controls .control-section .accordion-section-title:hover .menu-in-location { - color: #555; + color: #50575e; } /* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */ @@ -84,7 +84,7 @@ } .customize-control-nav_menu_item.has-notifications .menu-item-handle { - border-left: 4px solid #00a0d2; + border-left: 4px solid #72aee6; } .wp-customizer .menu-item-settings { @@ -92,8 +92,8 @@ overflow: hidden; z-index: 8; padding: 10px; - background: #eee; - border: 1px solid #999; + background: #f0f0f1; + border: 1px solid #8c8f94; border-top: none; } @@ -194,7 +194,7 @@ } .wp-customizer .menu-settings .menu-theme-locations { - border-top: 1px solid #ccc; + border-top: 1px solid #c3c4c7; } .wp-customizer .menu-settings { @@ -209,7 +209,7 @@ .wp-customizer .control-section-nav_menu .menu-location-settings { margin-top: 24px; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } .wp-customizer .control-section-nav_menu .menu-location-settings, @@ -234,14 +234,14 @@ } #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle { - color: #555; + color: #50575e; } /* Screen Options */ .customize-screen-options-toggle { background: none; border: none; - color: #555; + color: #50575e; cursor: pointer; margin: 0; padding: 20px; @@ -265,7 +265,7 @@ #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus { - color: #0073aa; + color: #2271b1; } .customize-screen-options-toggle:focus, @@ -297,7 +297,7 @@ .wp-customizer #screen-options-wrap { display: none; background: #fff; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; padding: 4px 15px 15px; } @@ -325,7 +325,7 @@ padding: 1px 2px 1px 0px; speak: never; border-radius: 50%; - color: #72777c; + color: #787c82; font: normal 20px/1 dashicons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -431,7 +431,7 @@ max-width: calc(100% - 2px); float: left; display: list-item; - border-color: #a0a5aa; + border-color: #a7aaad; } .menu-item-transport li.customize-control { @@ -456,7 +456,7 @@ } .menu-item-bar .item-delete { - color: #a00; + color: #d63638; position: absolute; top: 2px; right: -19px; @@ -481,7 +481,7 @@ .menu-item-bar .item-delete:focus { box-shadow: none; outline: none; - color: #dc3232; + color: #d63638; } .adding-menu-items .menu-item-bar .item-edit { @@ -518,7 +518,7 @@ #available-menu-items .open .accordion-section-title, #available-menu-items #available-menu-items-search .accordion-section-title { - background: #eee; + background: #f0f0f1; } /* rework the arrow indicator implementation for NVDA bug see #32715 */ @@ -529,12 +529,12 @@ #available-menu-items .accordion-section-title:hover .toggle-indicator:before, #available-menu-items .button-link:hover .toggle-indicator:before, #available-menu-items .button-link:focus .toggle-indicator:before { - color: #23282d; + color: #1d2327; } #available-menu-items .open .accordion-section-title .toggle-indicator:before { content: "\f142"; - color: #23282d; + color: #1d2327; } #available-menu-items .available-menu-items-list { @@ -568,7 +568,7 @@ #available-menu-items .cannot-expand .accordion-section-title .no-items { float: right; - color: #555d66; + color: #50575e; font-weight: 400; margin-left: 5px; } @@ -605,7 +605,7 @@ .menu-name-field.invalid:focus, #available-menu-items .new-content-item .create-item-input.invalid, #available-menu-items .new-content-item .create-item-input.invalid:focus { - border: 1px solid #dc3232; + border: 1px solid #d63638; } #available-menu-items .menu-item-handle .item-type { @@ -638,7 +638,7 @@ position: absolute; top: 1px; left: 1px; - color: #82878c; + color: #8c8f94; width: 30px; height: 38px; box-shadow: none; @@ -648,7 +648,7 @@ } #available-menu-items .menu-item-handle .item-add:focus { - color: #23282d; + color: #1d2327; } #available-menu-items .item-add:before { @@ -666,7 +666,7 @@ #available-menu-items .menu-item-handle.item-added .item-title, #available-menu-items .menu-item-handle.item-added:hover .item-add, #available-menu-items .menu-item-handle.item-added .item-add:focus { - color: #82878c; + color: #8c8f94; } #available-menu-items .menu-item-handle.item-added .item-add:before { @@ -761,7 +761,7 @@ body.adding-menu-items #customize-preview iframe { cursor: default; opacity: .5; background: #fff; - color: #727773; + color: #787c82; } .added-menu-item .menu-item-handle { @@ -773,7 +773,7 @@ body.adding-menu-items #customize-preview iframe { /* Add/delete Menus */ #customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title { - border-bottom-color: #ddd; + border-bottom-color: #dcdcde; } /* @todo update selector */ @@ -827,17 +827,17 @@ li.assigned-to-menu-location .add-new-menu-item { .menu-item-handle:hover { position: relative; z-index: 10; - color: #0073aa; + color: #2271b1; } .menu-item-handle:hover .item-type, .menu-item-handle:hover .item-edit, #available-menu-items .menu-item-handle:hover .item-add { - color: #0073aa; + color: #2271b1; } .menu-item-edit-active .menu-item-handle { - border-color: #999; + border-color: #8c8f94; border-bottom: none; } @@ -866,8 +866,8 @@ li.assigned-to-menu-location .add-new-menu-item { .menu-item-bar .item-delete:focus:before, #available-menu-items .item-add:focus:before { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } diff --git a/src/wp-admin/css/customize-widgets.css b/src/wp-admin/css/customize-widgets.css index 7f2211a071..506c04d6d6 100644 --- a/src/wp-admin/css/customize-widgets.css +++ b/src/wp-admin/css/customize-widgets.css @@ -25,12 +25,12 @@ } .customize-control .widget-action { - color: #72777c; + color: #787c82; } .customize-control .widget-top:hover .widget-action, .customize-control .widget-action:focus { - color: #23282d; + color: #1d2327; } .customize-control-widget_form:not(.widget-rendered) .widget-top { @@ -66,7 +66,7 @@ position: fixed; left: 299px; top: 25%; - border: 1px solid rgb(229, 229, 229); + border: 1px solid #dcdcde; overflow: auto; } .customize-control-widget_form.wide-widget-control .widget-inside > .form { @@ -78,7 +78,7 @@ } .customize-control-widget_form.wide-widget-control.expanding .widget-top, .customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top { - background-color: rgb(227, 227, 227); + background-color: #dcdcde; } .widget-inside { @@ -111,7 +111,7 @@ .control-section.accordion-section.highlighted > .accordion-section-title, .customize-control-widget_form.highlighted { outline: none; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); + box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); position: relative; z-index: 1; } @@ -127,7 +127,7 @@ #customize-theme-controls .widget-reorder-nav { display: none; float: right; - background-color: #fafafa; + background-color: #f6f7f7; } .move-widget:before { @@ -137,7 +137,7 @@ #customize-theme-controls .move-widget-area { display: none; background: #fff; - border: 1px solid #ddd; + border: 1px solid #dcdcde; border-top: none; cursor: auto; } @@ -162,8 +162,8 @@ position: relative; margin: 0; padding: 13px 15px 15px 42px; - color: #555; - border-top: 1px solid #eee; + color: #50575e; + border-top: 1px solid #f0f0f1; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; @@ -182,13 +182,13 @@ } #customize-theme-controls .widget-area-select li:last-child { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } #customize-theme-controls .widget-area-select .selected { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); - background: #00a0d2; + background: #72aee6; } #customize-theme-controls .widget-area-select .selected:before { @@ -244,10 +244,10 @@ #available-widgets .widget-tpl:hover, #available-widgets .widget-tpl.selected { - background: #f3f3f5; - border-bottom-color: #ccc; - color: #0073aa; - border-left: 4px solid #0073aa; + background: #f6f7f7; + border-bottom-color: #c3c4c7; + color: #2271b1; + border-left: 4px solid #2271b1; } #customize-controls .widget-title h3 { @@ -261,7 +261,7 @@ #available-widgets .widget .widget-description { padding: 0; - color: #72777c; + color: #787c82; } #customize-preview { @@ -300,7 +300,7 @@ body.adding-widget #customize-preview { margin-right: 20px; width: 20px; height: 20px; - color: #32373c; + color: #2c3338; font: normal 20px/1 dashicons; text-align: center; box-sizing: border-box; diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css index 2411c79900..9c71c22acb 100644 --- a/src/wp-admin/css/dashboard.css +++ b/src/wp-admin/css/dashboard.css @@ -55,13 +55,13 @@ } #dashboard-widgets .postbox-container .empty-container { - outline: 3px dashed #b4b9be; + outline: 3px dashed #c3c4c7; height: 250px; } /* Only highlight drop zones when dragging and only in the 2 columns layout. */ .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { - outline: 3px dashed #606a73; + outline: 3px dashed #646970; /* Prevent margin on the child from collapsing with margin on the parent. */ display: flow-root; } @@ -76,7 +76,7 @@ transform: translateY( -50% ); padding: 0 2em; text-align: center; - color: #606a73; + color: #646970; font-size: 16px; line-height: 1.5; display: none; @@ -116,7 +116,7 @@ overflow: auto; margin: 16px 0; padding: 23px 10px 0; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; font-size: 13px; @@ -140,7 +140,7 @@ } .welcome-panel p { - color: #72777c; + color: #787c82; } .welcome-panel li a { @@ -203,7 +203,7 @@ .welcome-panel-column p { margin-top: 7px; - color: #444; + color: #3c434a; } .welcome-panel .welcome-widgets-menus { @@ -230,7 +230,7 @@ #dashboard_right_now li a:before, #dashboard_right_now li span:before, #dashboard_right_now .search-engines-info:before { - color: #606a73; + color: #646970; font: normal 20px/1 dashicons; speak: never; display: inline-block; @@ -376,7 +376,7 @@ } .community-events li.event-none { - border-left: 4px solid #00a0d2; + border-left: 4px solid #72aee6; } #dashboard-widgets .community-events li.event-none a { @@ -414,7 +414,7 @@ } .community-events ul { - background-color: #fafafa; + background-color: #f6f7f7; padding-left: 0; padding-right: 0; padding-bottom: 0; @@ -423,18 +423,18 @@ .community-events li { margin: 0; padding: 8px 12px; - color: #32373c; + color: #2c3338; } .community-events li:first-child { - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; } .community-events li ~ li { - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; } .community-events .activity-block.last { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; padding-top: 0; margin-top: -1px; } @@ -451,7 +451,7 @@ } .event-icon:before { - color: #606a73; + color: #646970; font-size: 18px; } .event-meetup .event-icon:before { @@ -475,8 +475,8 @@ margin-top: 0; margin-bottom: 0; padding: 12px; - border-top: 1px solid #eee; - color: #ddd; + border-top: 1px solid #f0f0f1; + color: #dcdcde; } /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */ @@ -512,7 +512,7 @@ body #dashboard-widgets .postbox form .submit { } .rssSummary { - color: #72777c; + color: #787c82; margin-top: 4px; } @@ -532,7 +532,7 @@ body #dashboard-widgets .postbox form .submit { #dashboard_primary .rss-widget span, #dashboard_primary .rss-widget span.rss-date { - color: #72777c; + color: #787c82; } #dashboard_primary .rss-widget span.rss-date { @@ -596,14 +596,14 @@ body #dashboard-widgets .postbox form .submit { /* Dashboard right now - Colors */ #dashboard_right_now .sub { - color: #555d66; - background: #f5f5f5; - border-top: 1px solid #eee; + color: #50575e; + background: #f6f7f7; + border-top: 1px solid #f0f0f1; padding: 10px 12px 6px 12px; } #dashboard_right_now .sub h3 { - color: #555; + color: #50575e; } #dashboard_right_now .sub p { @@ -612,7 +612,7 @@ body #dashboard-widgets .postbox form .submit { #dashboard_right_now .warning a:before, #dashboard_right_now .warning span:before { - color: #d54e21; + color: #d63638; } /* Dashboard Quick Draft */ @@ -624,7 +624,7 @@ body #dashboard-widgets .postbox form .submit { #dashboard_quick_press div.updated { margin-bottom: 10px; - border: 1px solid #eee; + border: 1px solid #f0f0f1; border-width: 1px 1px 1px 0; } @@ -669,7 +669,7 @@ body #dashboard-widgets .postbox form .submit { /* Dashboard Quick Draft - Drafts list */ .js #dashboard_quick_press .drafts { - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; } #dashboard_quick_press .drafts abbr { @@ -693,7 +693,7 @@ body #dashboard-widgets .postbox form .submit { margin-bottom: 1em; } #dashboard_quick_press .drafts li time { - color: #72777c; + color: #787c82; } #dashboard_quick_press .drafts p { @@ -719,7 +719,7 @@ body #dashboard-widgets .postbox form .submit { padding: 0; font-size: 14px; font-weight: 400; - color: #23282d; + color: #1d2327; } #dashboard_quick_press .drafts h2 { @@ -756,20 +756,20 @@ body #dashboard-widgets .postbox form .submit { } #dashboard_activity .no-activity p { - color: #72777c; + color: #787c82; font-size: 16px; } #dashboard_activity .subsubsub { float: none; - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; margin: 0 -12px; padding: 8px 12px 4px; } #dashboard_activity .subsubsub a .count, #dashboard_activity .subsubsub a.current .count { - color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */ + color: #787c82; /* white background on the dashboard but #f1f1f1 on list tables */ } #future-posts ul, @@ -788,11 +788,11 @@ body #dashboard-widgets .postbox form .submit { display: inline-block; margin-right: 5px; min-width: 150px; - color: #72777c; + color: #787c82; } .activity-block { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; margin: 0 -12px; padding: 8px 12px 4px; } @@ -802,7 +802,7 @@ body #dashboard-widgets .postbox form .submit { } .activity-block .subsubsub li { - color: #ddd; + color: #dcdcde; } /* Dashboard activity widget - Comments */ @@ -816,7 +816,7 @@ body #dashboard-widgets .postbox form .submit { } #activity-widget #the-comment-list .comment-item { - background: #fafafa; + background: #f6f7f7; padding: 12px; position: relative; } @@ -839,11 +839,11 @@ body #dashboard-widgets .postbox form .submit { } #activity-widget #the-comment-list .comment-item:first-child { - border-top: 1px solid #eeeeee; + border-top: 1px solid #f0f0f1; } #activity-widget #the-comment-list .unapproved { - background-color: #fef7f1; + background-color: #fcf9e8; } #activity-widget #the-comment-list .unapproved:before { @@ -853,7 +853,7 @@ body #dashboard-widgets .postbox form .submit { left: 0; top: 0; bottom: 0; - background: #d54e21; + background: #d63638; width: 4px; } @@ -955,7 +955,7 @@ body #dashboard-widgets .postbox form .submit { #latest-comments #the-comment-list .comment-meta { line-height: 1.5; margin: 0; - color: #666; + color: #646970; } #latest-comments #the-comment-list .comment-meta cite { @@ -995,7 +995,7 @@ a.rsswidget { } .rss-widget span.rss-date { - color: #72777c; + color: #787c82; font-size: 13px; margin-left: 3px; } @@ -1034,25 +1034,25 @@ a.rsswidget { } #dashboard_browser_nag.postbox.browser-insecure { - background-color: #ac1b1b; - border-color: #ac1b1b; + background-color: #b32d2e; + border-color: #b32d2e; } #dashboard_browser_nag.postbox { - background-color: #e29808; + background-color: #dba617; background-image: none; - border-color: #edc048; + border-color: #f0c33c; color: #fff; box-shadow: none; } #dashboard_browser_nag.postbox.browser-insecure h2 { - border-bottom-color: #cd5a5a; + border-bottom-color: #e65054; color: #fff; } #dashboard_browser_nag.postbox h2 { - border-bottom-color: #f6e2ac; + border-bottom-color: #f5e6ab; background: transparent none; color: #fff; box-shadow: none; @@ -1081,12 +1081,12 @@ a.rsswidget { /* PHP Nag */ #dashboard_php_nag .dashicons-warning { - color: #ffb900; + color: #dba617; padding-right: 6px; } #dashboard_php_nag.php-insecure .dashicons-warning { - color: #df3232; + color: #d63638; } #dashboard_php_nag h2 { diff --git a/src/wp-admin/css/deprecated-media.css b/src/wp-admin/css/deprecated-media.css index 22d7a9f56b..8c900c45cc 100644 --- a/src/wp-admin/css/deprecated-media.css +++ b/src/wp-admin/css/deprecated-media.css @@ -5,8 +5,8 @@ div#media-upload-header { padding: 5px 5px 0; font-weight: 600; position: relative; - border-bottom: 1px solid #ddd; - background: #f9f9f9; + border-bottom: 1px solid #dcdcde; + background: #f6f7f7; } #sidemenu { @@ -27,9 +27,9 @@ div#media-upload-header { display: block; float: left; line-height: 28px; - border-top: 1px solid #f9f9f9; - border-bottom: 1px solid #ddd; - background-color: #f9f9f9; + border-top: 1px solid #f6f7f7; + border-bottom: 1px solid #dcdcde; + background-color: #f6f7f7; text-decoration: none; transition: none; } @@ -48,9 +48,9 @@ div#media-upload-header { font-weight: 400; padding-left: 6px; padding-right: 6px; - border: 1px solid #ddd; - border-bottom-color: #f1f1f1; - background-color: #f1f1f1; + border: 1px solid #dcdcde; + border-bottom-color: #f0f0f1; + background-color: #f0f0f1; color: #000; } @@ -61,7 +61,7 @@ div#media-upload-header { } #media-upload .slidetoggle { - border-top-color: #ddd; + border-top-color: #dcdcde; } #media-upload input[type="radio"] { @@ -70,7 +70,7 @@ div#media-upload-header { .media-upload-form label.form-help, td.help { - color: #72777c; + color: #787c82; } form { @@ -218,8 +218,8 @@ span.required { #media-upload .tablenav-pages a { min-width: 17px; - border: 1px solid #ccc; - background: #f7f7f7; + border: 1px solid #c3c4c7; + background: #f6f7f7; } #filter .tablenav select { @@ -242,7 +242,7 @@ span.required { } .menu_order_input { - border: 1px solid #ddd; + border: 1px solid #dcdcde; font-size: 10px; padding: 1px; width: 23px; @@ -250,7 +250,7 @@ span.required { .ui-sortable-helper { background-color: #fff; - border: 1px solid #a0a5aa; + border: 1px solid #a7aaad; opacity: 0.6; filter: alpha(opacity=60); } @@ -291,7 +291,7 @@ span.required { clear: both; padding: 0 0 3px; font-size: 1.6em; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } h3.media-title { @@ -299,7 +299,7 @@ h3.media-title { } h4.media-sub-title { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; font-size: 1.3em; margin: 12px; padding: 0 0 3px; @@ -310,7 +310,7 @@ h3.media-title, h4.media-sub-title { font-family: Georgia,"Times New Roman",Times,serif; font-weight: 400; - color: #5A5A5A; + color: #50575e; } #gallery-settings .describe td { @@ -343,7 +343,7 @@ h4.media-sub-title { #gallery-settings label, #gallery-settings legend { font-size: 13px; - color: #444; + color: #3c434a; margin-right: 15px; } @@ -352,7 +352,7 @@ h4.media-sub-title { } #gallery-settings p.ml-submit { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } #gallery-settings select#columns { diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css index 067ddf0541..d9aa7b5c36 100644 --- a/src/wp-admin/css/edit.css +++ b/src/wp-admin/css/edit.css @@ -68,7 +68,7 @@ } #titlediv #title-prompt-text { - color: #72777c; + color: #787c82; position: absolute; font-size: 1.7em; padding: 10px; @@ -94,7 +94,7 @@ input#link_url { min-height: 25px; margin-top: 5px; padding: 0 10px; - color: #666; + color: #646970; } #edit-slug-box .cancel { @@ -150,7 +150,7 @@ body.post-new-php .submitbox .submitdelete { /* Only highlight drop zones when dragging and only in the 2 columns layout. */ .is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables { - outline: 3px dashed #606a73; + outline: 3px dashed #646970; /* Prevent margin on the child from collapsing with margin on the parent. */ display: flow-root; /* @@ -166,7 +166,7 @@ body.post-new-php .submitbox .submitdelete { .postbox { position: relative; min-width: 255px; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; } @@ -218,7 +218,7 @@ ul.category-tabs li, .wp-tab-bar .wp-tab-active a, #post-body ul.category-tabs li.tabs a, #post-body ul.add-menu-item-tabs li.tabs a { - color: #32373c; + color: #2c3338; } .category-tabs { @@ -270,9 +270,9 @@ ul.add-menu-item-tabs li { ul.category-tabs li.tabs, ul.add-menu-item-tabs li.tabs, .wp-tab-active { - border: 1px solid #ddd; - border-bottom-color: #fdfdfd; - background-color: #fdfdfd; + border: 1px solid #dcdcde; + border-bottom-color: #fff; + background-color: #fff; } ul.category-tabs li, @@ -291,7 +291,7 @@ ul.wp-tab-bar li { height: auto; width: auto; vertical-align: top; - background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); + background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); background-position: 0 0, 10px 10px; background-size: 20px 20px; } @@ -322,9 +322,9 @@ form#tags-filter { #post-status-info { width: 100%; border-spacing: 0; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; - background-color: #f7f7f7; + background-color: #f6f7f7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); z-index: 999; } @@ -373,7 +373,7 @@ form#tags-filter { .wp-editor-expand #wp-content-editor-tools { z-index: 1000; - border-bottom: 1px solid #ccd0d4; + border-bottom: 1px solid #c3c4c7; } .wp-editor-expand #wp-content-editor-container { @@ -390,7 +390,7 @@ form#tags-filter { } .wp-editor-expand #post-status-info { - border-top: 1px solid #ccd0d4; + border-top: 1px solid #c3c4c7; } .wp-editor-expand div.mce-toolbar-grp { @@ -422,7 +422,7 @@ form#tags-filter { /* End TinyMCE native fullscreen mode override */ #wp-content-editor-tools { - background-color: #f1f1f1; + background-color: #f0f0f1; padding-top: 20px; } @@ -464,7 +464,7 @@ form#tags-filter { #post-body .misc-pub-revisions:before, #post-body .misc-pub-response-to:before, #post-body .misc-pub-comment-status:before { - color: #82878c; + color: #8c8f94; } #post-body .misc-pub-post-status:before, @@ -647,7 +647,7 @@ form#tags-filter { } #poststuff .stuffbox > h2 { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } #poststuff .inside { @@ -713,7 +713,7 @@ form#tags-filter { .privacy-text-box-toc p { margin: 0; padding: 0.7em 1em; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } .privacy-text-box-toc ol { @@ -731,7 +731,7 @@ form#tags-filter { .privacy-text-section { position: relative; - border-top: 1px solid #e3e3e3; + border-top: 1px solid #dcdcde; } .privacy-text-box-head, @@ -740,10 +740,10 @@ form#tags-filter { } .text-removed .policy-text { - color: #666; + color: #646970; font-weight: 300; padding-left: 1em; - border-left: 3px solid #ffb900; + border-left: 3px solid #dba617; } .text-removed .policy-text h1, @@ -752,7 +752,7 @@ form#tags-filter { .text-removed .policy-text h4, .text-removed .policy-text h5, .text-removed .policy-text h6 { - color: #39424a; + color: #3c434a; font-weight: 500; } @@ -766,7 +766,7 @@ form#tags-filter { .privacy-text-actions .success { display: none; - color: #40860a; + color: #008a20; float: right; padding-right: 1em; } @@ -853,7 +853,7 @@ strong.privacy-policy-tutorial { #postcustomstuff thead th { padding: 5px 8px 8px; - background-color: #f1f1f1; + background-color: #f0f0f1; } #postcustom #postcustomstuff .submit { @@ -880,9 +880,9 @@ strong.privacy-policy-tutorial { #postcustomstuff table { margin: 0; width: 100%; - border: 1px solid #ddd; + border: 1px solid #dcdcde; border-spacing: 0; - background-color: #f9f9f9; + background-color: #f6f7f7; } #postcustomstuff tr { @@ -975,7 +975,7 @@ strong.privacy-policy-tutorial { width: 20px; margin-top: -4px; margin-right: 7px; - color: #ddd; + color: #dcdcde; font: normal 20px/1 dashicons; speak: never; -webkit-font-smoothing: antialiased; @@ -983,7 +983,7 @@ strong.privacy-policy-tutorial { } a.post-format-icon:hover:before { - color: #006799; + color: #135e96; } #post-formats-select { @@ -1069,8 +1069,8 @@ label.post-format-icon { max-height: 200px; overflow: auto; padding: 0 0.9em; - border: solid 1px #ddd; - background-color: #fdfdfd; + border: solid 1px #dcdcde; + background-color: #fff; } div.tabs-panel-active { @@ -1082,7 +1082,7 @@ div.tabs-panel-inactive { } div.tabs-panel-active:focus { - box-shadow: inset 0 0 0 1px #5b9dd9, inset 0 0 2px 1px rgba(30, 140, 190, 0.8); + box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8); outline: 0 none; } @@ -1138,7 +1138,7 @@ ul.categorychecklist li { p.description, .form-wrap p { margin: 2px 0 5px; - color: #666; + color: #646970; } p.help, @@ -1226,7 +1226,7 @@ p.popular-tags a { #poststuff .inside .the-tagcloud { margin: 5px 0 10px; padding: 8px; - border: 1px solid #ddd; + border: 1px solid #dcdcde; line-height: 1.2; word-spacing: 3px; } @@ -1247,7 +1247,7 @@ p.popular-tags a { list-style: none; position: absolute; z-index: 10000; - border: 1px solid #5b9dd9; + border: 1px solid #4f94d4; background-color: #fff; } @@ -1264,7 +1264,7 @@ p.popular-tags a { .ac_results .ac_over, .ac_over .ac_match { - background-color: #0073aa; + background-color: #2271b1; color: #fff; cursor: pointer; } @@ -1306,7 +1306,7 @@ p.popular-tags a { content: "(" attr( href ) ")"; display: inline-block; padding: 0 4px; - color: #72777C; + color: #787c82; font-size: 13px; word-break: break-all; } diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css index 1b593496e4..9e026f2b00 100644 --- a/src/wp-admin/css/forms.css +++ b/src/wp-admin/css/forms.css @@ -53,9 +53,9 @@ select, textarea { box-shadow: 0 0 0 transparent; border-radius: 4px; - border: 1px solid #7e8993; + border: 1px solid #8c8f94; background-color: #fff; - color: #32373c; + color: #2c3338; } input[type="text"], @@ -101,8 +101,8 @@ input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus, textarea:focus { - border-color: #007cba; - box-shadow: 0 0 0 1px #007cba; + border-color: #3582c4; + box-shadow: 0 0 0 1px #3582c4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -115,10 +115,10 @@ input[type="url"] { input[type="checkbox"], input[type="radio"] { - border: 1px solid #7e8993; + border: 1px solid #8c8f94; border-radius: 4px; background: #fff; - color: #555; + color: #50575e; clear: none; cursor: pointer; display: inline-block; @@ -137,12 +137,12 @@ input[type="radio"] { } input[type="radio"]:checked + label:before { - color: #82878c; + color: #8c8f94; } .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { - color: #006799; + color: #135e96; } td > input[type="checkbox"], @@ -191,7 +191,7 @@ input[type="radio"]:checked::before { width: 0.5rem; /* 8px */ height: 0.5rem; /* 8px */ margin: 0.1875rem; /* 3px */ - background-color: #1e8cbe; + background-color: #4f94d4; /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */ line-height: 1.14285714; } @@ -222,20 +222,20 @@ input.readonly, input[readonly], textarea.readonly, textarea[readonly] { - background-color: #eee; + background-color: #f0f0f1; } ::-webkit-input-placeholder { - color: #72777c; + color: #787c82; } ::-moz-placeholder { - color: #72777c; + color: #787c82; opacity: 1; } :-ms-input-placeholder { - color: #72777c; + color: #787c82; } .form-invalid .form-required, @@ -244,14 +244,14 @@ textarea[readonly] { .form-invalid.form-required input:focus, .form-invalid.form-required select, .form-invalid.form-required select:focus { - border-color: #dc3232 !important; - box-shadow: 0 0 2px rgba(204, 0, 0, 0.8); + border-color: #d63638 !important; + box-shadow: 0 0 2px rgba(214, 54, 56, 0.8); } .form-table .form-required.form-invalid td:after { content: "\f534"; font: normal 20px/1 dashicons; - color: #dc3232; + color: #d63638; margin-left: -25px; vertical-align: middle; } @@ -264,13 +264,13 @@ textarea[readonly] { .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after { content: "\f534"; font: normal 20px/1 dashicons; - color: #dc3232; + color: #d63638; margin: 0 6px 0 -29px; vertical-align: middle; } .form-input-tip { - color: #666; + color: #646970; } input:disabled, @@ -280,9 +280,9 @@ select.disabled, textarea:disabled, textarea.disabled { background: rgba(255, 255, 255, 0.5); - border-color: rgba(222, 222, 222, 0.75); + border-color: rgba(220, 220, 222, 0.75); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); - color: rgba(51, 51, 51, 0.5); + color: rgba(44, 51, 56, 0.5); } input[type="file"]:disabled, @@ -313,8 +313,8 @@ input[type="radio"].disabled:checked:before { .wp-core-ui select { font-size: 14px; line-height: 2; /* 28px */ - color: #32373c; - border-color: #7e8993; + color: #2c3338; + border-color: #8c8f94; box-shadow: none; border-radius: 3px; padding: 0 24px 0 8px; @@ -329,25 +329,25 @@ input[type="radio"].disabled:checked:before { } .wp-core-ui select:hover { - color: #007cba; + color: #3582c4; } .wp-core-ui select:focus { - border-color: #007cba; - color: #016087; - box-shadow: 0 0 0 1px #007cba; + border-color: #3582c4; + color: #0a4b78; + box-shadow: 0 0 0 1px #3582c4; } .wp-core-ui select:active { - border-color: #999; + border-color: #8c8f94; box-shadow: none; } .wp-core-ui select.disabled, .wp-core-ui select:disabled { - color: #a0a5aa; - border-color: #ddd; - background-color: #f7f7f7; + color: #a7aaad; + border-color: #dcdcde; + background-color: #f6f7f7; /* The SVG is arrow-down-alt2 from Dashicons. */ background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E'); box-shadow: none; @@ -360,26 +360,26 @@ input[type="radio"].disabled:checked:before { /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */ .wp-core-ui select:-moz-focusring { color: transparent; - text-shadow: 0 0 0 #016087; + text-shadow: 0 0 0 #0a4b78; } /* Remove background focus style from IE11 while keeping focus style available on option elements. */ .wp-core-ui select::-ms-value { background: transparent; - color: #555; + color: #50575e; } .wp-core-ui select:hover::-ms-value { - color: #007cba; + color: #3582c4; } .wp-core-ui select:focus::-ms-value { - color: #016087; + color: #0a4b78; } .wp-core-ui select.disabled::-ms-value, .wp-core-ui select:disabled::-ms-value { - color: #a0a5aa; + color: #a7aaad; } /* Hide the native down arrow for select element on IE. */ @@ -558,9 +558,9 @@ fieldset label, } #pass-strength-result { - background-color: #eee; - border: 1px solid #ddd; - color: #23282d; + background-color: #f0f0f1; + border: 1px solid #dcdcde; + color: #1d2327; margin: -1px 1px 5px; padding: 3px 5px; text-align: center; @@ -570,43 +570,43 @@ fieldset label, } #pass-strength-result.short { - background-color: #f1adad; - border-color: #e35b5b; + background-color: #ffabaf; + border-color: #e65054; opacity: 1; } #pass-strength-result.bad { - background-color: #fbc5a9; - border-color: #f78b53; + background-color: #facfd2; + border-color: #f86368; opacity: 1; } #pass-strength-result.good { - background-color: #ffe399; - border-color: #ffc733; + background-color: #f5e6ab; + border-color: #f0c33c; opacity: 1; } #pass-strength-result.strong { - background-color: #c1e1b9; - border-color: #83c373; + background-color: #b8e6bf; + border-color: #68de7c; opacity: 1; } #pass1.short, #pass1-text.short { - border-color: #e35b5b; + border-color: #e65054; } #pass1.bad, #pass1-text.bad { - border-color: #f78b53; + border-color: #f86368; } #pass1.good, #pass1-text.good { - border-color: #ffc733; + border-color: #f0c33c; } #pass1.strong, #pass1-text.strong { - border-color: #83c373; + border-color: #68de7c; } .pw-weak { @@ -685,8 +685,8 @@ ul#add-to-blog-users { list-style: none; position: absolute; z-index: 10000; - border: 1px solid #5b9dd9; - box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8); + border: 1px solid #4f94d4; + box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8); background-color: #fff; } @@ -700,12 +700,12 @@ ul#add-to-blog-users { /* Colors for the wplink toolbar autocomplete. */ .ui-autocomplete .ui-state-focus { - background-color: #ddd; + background-color: #dcdcde; } /* Colors for the tags autocomplete. */ .wp-tags-autocomplete .ui-state-focus { - background-color: #0073aa; + background-color: #2271b1; color: #fff; } @@ -736,7 +736,7 @@ ul#add-to-blog-users { .form-table th, .form-wrap label { - color: #23282d; + color: #1d2327; font-weight: 400; text-shadow: none; vertical-align: baseline; @@ -843,7 +843,7 @@ table.form-table td .updated p { .color-option:hover, .color-option.selected { - background: #ddd; + background: #dcdcde; } .color-palette { @@ -923,7 +923,7 @@ table.form-table td .updated p { padding: 0.7em 2em 1em; min-width: 255px; max-width: 520px; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; box-sizing: border-box; @@ -958,10 +958,10 @@ table.form-table td .updated p { display: inline-block; position: relative; cursor: move; - color: #32373c; - background: #e5e5e5; + color: #2c3338; + background: #dcdcde; border-radius: 5px; - border: 1px solid #b4b9be; + border: 1px solid #c3c4c7; font-style: normal; line-height: 16px; font-size: 14px; @@ -997,7 +997,7 @@ table.form-table td .updated p { } .pressthis-bookmarklet span:before { - color: #72777c; + color: #787c82; font: normal 20px/1 dashicons; content: "\f157"; position: relative; @@ -1023,7 +1023,7 @@ table.form-table td .updated p { .pressthis-js-toggle .dashicons { margin: 5px 8px 6px 7px; - color: #555d66; + color: #50575e; } /*------------------------------------------------------------------------------ @@ -1200,7 +1200,7 @@ table.form-table td .updated p { } .request-filesystem-credentials-dialog .ftp-password em { - color: #888; + color: #8c8f94; } .request-filesystem-credentials-dialog label { @@ -1262,7 +1262,7 @@ table.form-table td .updated p { } .privacy_requests .row-actions { - color: #72777c; + color: #787c82; } .privacy_requests .row-actions.processing { @@ -1293,14 +1293,14 @@ table.form-table td .updated p { .privacy_requests .status-request-confirmed th, .privacy_requests .status-request-confirmed td { - background-color: #f7fcfe; - border-left-color: #00a0d2; + background-color: #fff; + border-left-color: #72aee6; } .privacy_requests .status-request-failed th, .privacy_requests .status-request-failed td { - background-color: #fef7f1; - border-left-color: #d64d21; + background-color: #f6f7f7; + border-left-color: #d63638; } .privacy_requests .export_personal_data_failed a { @@ -1314,11 +1314,11 @@ table.form-table td .updated p { .status-label.status-request-pending { font-weight: 400; font-style: italic; - color: #6c7781; + color: #787c82; } .status-label.status-request-failed { - color: #aa0000; + color: #d63638; font-weight: 600; } @@ -1352,13 +1352,13 @@ table.form-table td .updated p { } .email-personal-data--sending::before { - color: #f56e28; + color: #d63638; content: "\f463"; animation: rotation 2s infinite linear; } .email-personal-data--sent::before { - color: #79ba49; + color: #68de7c; content: "\f147"; } diff --git a/src/wp-admin/css/install.css b/src/wp-admin/css/install.css index 5cba0b22ca..c4978b9154 100644 --- a/src/wp-admin/css/install.css +++ b/src/wp-admin/css/install.css @@ -1,40 +1,40 @@ html { - background: #f1f1f1; + background: #f0f0f1; margin: 0 20px; } body { background: #fff; - border: 1px solid #ccd0d4; - color: #444; + border: 1px solid #c3c4c7; + color: #3c434a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 140px auto 25px; padding: 20px 20px 10px 20px; max-width: 700px; -webkit-font-smoothing: subpixel-antialiased; - box-shadow: 0 1px 1px rgba(0, 0, 0, .04); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } a { - color: #0073aa; + color: #2271b1; } a:hover, a:active { - color: #006799; + color: #135e96; } a:focus { - color: #124964; + color: #043959; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } h1, h2 { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; clear: both; - color: #666; + color: #646970; font-size: 24px; padding: 0; padding-bottom: 7px; @@ -88,7 +88,7 @@ label { background-size: 84px; background-position: center top; background-repeat: no-repeat; - color: #444; /* same as login.css */ + color: #3c434a; /* same as login.css */ font-size: 20px; font-weight: 400; line-height: 1.3em; @@ -109,7 +109,7 @@ label { font-size: 14px; } textarea { - border: 1px solid #ddd; + border: 1px solid #dcdcde; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; width: 100%; box-sizing: border-box; @@ -200,9 +200,9 @@ submit { } .message { - border-left: 4px solid #dc3232; + border-left: 4px solid #d63638; padding: .7em .6em; - background-color: #fbeaea; + background-color: #fcf0f1; } /* rtl:ignore */ @@ -308,21 +308,21 @@ body.language-chooser { padding: 8px; width: 100%; display: block; - border: 1px solid #ddd; + border: 1px solid #dcdcde; background: #fff; - color: #32373c; + color: #2c3338; font-size: 16px; font-family: Arial, sans-serif; font-weight: 400; } .language-chooser select:focus { - color: #32373c; + color: #2c3338; } .language-chooser select option:hover, .language-chooser select option:focus { - color: #016087; + color: #0a4b78; } .language-chooser p { diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 1febe4e837..6232cdf2e8 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -55,7 +55,7 @@ min-width: 24px; height: 2em; border-radius: 5px; - background-color: #72777c; + background-color: #787c82; color: #fff; font-size: 11px; line-height: 1.90909090; @@ -71,7 +71,7 @@ margin-left: 8px; width: 0; height: 0; - border-top: 5px solid #72777c; + border-top: 5px solid #787c82; border-right: 5px solid transparent; } @@ -79,14 +79,14 @@ .column-response a.post-com-count-approved:focus .comment-count-approved, .column-comments a.post-com-count-approved:hover .comment-count-approved, .column-comments a.post-com-count-approved:focus .comment-count-approved { - background: #0073aa; + background: #2271b1; } .column-response a.post-com-count-approved:hover:after, .column-response a.post-com-count-approved:focus:after, .column-comments a.post-com-count-approved:hover:after, .column-comments a.post-com-count-approved:focus:after { - border-top-color: #0073aa; + border-top-color: #2271b1; } /* @todo: consider to use a single rule for these counters and the admin menu counters. */ @@ -99,7 +99,7 @@ height: 17px; border: 2px solid #fff; border-radius: 11px; - background: #ca4a1f; + background: #d63638; color: #fff; font-size: 9px; line-height: 1.88888888; @@ -116,7 +116,7 @@ .commentlist li { padding: 1em 1em .2em; margin: 0; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #c3c4c7; } .commentlist li li { @@ -131,7 +131,7 @@ #submitted-on, .submitted-on { - color: #555d66; + color: #50575e; } /* reply to comments */ @@ -203,8 +203,8 @@ } #replyerror { - border-color: #ddd; - background-color: #f9f9f9; + border-color: #dcdcde; + background-color: #f6f7f7; } /* @todo: is this used? */ @@ -214,16 +214,16 @@ #the-comment-list tr.undo, #the-comment-list div.undo { - background-color: #f5f5f5; + background-color: #f6f7f7; } #the-comment-list .unapproved th, #the-comment-list .unapproved td { - background-color: #fef7f1; + background-color: #fcf9e8; } #the-comment-list .unapproved th.check-column { - border-left: 4px solid #d54e21; + border-left: 4px solid #d63638; } #the-comment-list .unapproved th.check-column input { @@ -231,11 +231,11 @@ } #the-comment-list .approve a { - color: #006505; + color: #007017; } #the-comment-list .unapprove a { - color: #d98500; + color: #bd8600; } #the-comment-list th, @@ -257,7 +257,7 @@ .vim-current, .vim-current th, .vim-current td { - background-color: #e4f2fd !important; + background-color: #f0f6fc !important; } th .comment-grey-bubble { @@ -278,7 +278,7 @@ th .comment-grey-bubble:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; - color: #444; + color: #3c434a; } /*------------------------------------------------------------------------------ @@ -458,14 +458,14 @@ table.media .column-title .filename { padding: 0; top: -4px; left: -8px; - color: #444; + color: #3c434a; line-height: 0.5; position: relative; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; - color: #444; + color: #3c434a; } .column-comments .sorting-indicator:before { @@ -504,8 +504,8 @@ th.asc a:focus span.sorting-indicator:before { .wp-list-table .toggle-row:focus:before { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } .wp-list-table .toggle-row:active { @@ -519,7 +519,7 @@ th.asc a:focus span.sorting-indicator:before { border-radius: 50%; display: block; padding: 1px 2px 1px 0; - color: #444; /* same as table headers sort arrows */ + color: #3c434a; /* same as table headers sort arrows */ content: "\f140"; font: normal 20px/1 dashicons; line-height: 1; @@ -540,7 +540,7 @@ th.asc a:focus span.sorting-indicator:before { } .locked-indicator-icon:before { - color: #82878c; + color: #8c8f94; content: "\f160"; display: inline-block; font: normal 20px/1 dashicons; @@ -709,7 +709,7 @@ th.asc a:focus span.sorting-indicator { } .view-switch a:before { - color: #b4b9be; + color: #c3c4c7; display: inline-block; font: normal 20px/1 dashicons; speak: never; @@ -720,11 +720,11 @@ th.asc a:focus span.sorting-indicator { .view-switch a:hover:before, .view-switch a:focus:before { - color: #727272; + color: #787c82; } .view-switch a.current:before { - color: #0073aa; + color: #2271b1; } .view-switch .view-list:before { @@ -794,7 +794,7 @@ p.pagenav { } .row-actions { - color: #ddd; + color: #dcdcde; font-size: 13px; padding: 2px 0 0; position: relative; @@ -1030,7 +1030,7 @@ tr.inline-edit-row td, ul.cat-checklist { height: 12em; - border: solid 1px #ddd; + border: solid 1px #dcdcde; overflow-y: scroll; padding: 0 5px; margin: 0; @@ -1040,7 +1040,7 @@ ul.cat-checklist { #bulk-titles { display: block; height: 12em; - border: 1px solid #ddd; + border: 1px solid #dcdcde; overflow-y: scroll; padding: 0 5px; margin: 0 0 5px; @@ -1167,7 +1167,7 @@ ul.cat-checklist { .plugins .active td, .plugins .active th { - background-color: #f7fcfe; + background-color: #f0f6fc; } .plugins .update th, @@ -1190,7 +1190,7 @@ ul.cat-checklist { .plugins tr.active + tr.inactive th, .plugins tr.active + tr.inactive td { border-top: 1px solid rgba(0, 0, 0, 0.03); - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #e1e1e1; + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde; } .plugins .update td, @@ -1208,7 +1208,7 @@ ul.cat-checklist { .plugins .active th.check-column, .plugin-update-tr.active td { - border-left: 4px solid #00a0d2; + border-left: 4px solid #72aee6; } .wp-list-table.plugins .plugin-title, @@ -1227,10 +1227,10 @@ ul.cat-checklist { .plugins .plugin-title .dashicons:before { padding: 2px; - background-color: #eee; - box-shadow: inset 0 0 10px rgba(160, 165, 170, 0.15); + background-color: #f0f0f1; + box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15); font-size: 60px; - color: #B4B9BE; + color: #c3c4c7; } #update-themes-table .plugin-title img, @@ -1286,31 +1286,31 @@ ul.cat-checklist { } .plugins tr.paused th.check-column { - border-left: 4px solid #d54e21; + border-left: 4px solid #d63638; } .plugins tr.paused th, .plugins tr.paused td { - background-color: #fef7f1; + background-color: #f6f7f7; } .plugins tr.paused .plugin-title, .plugins .paused .dashicons-warning { - color: #dc3232; + color: #d63638; } .plugins .paused .error-display p, .plugins .paused .error-display code { font-size: 90%; - color: rgba( 0, 0, 0, 0.7 ); + color: rgba(0, 0, 0, 0.7); } .plugins .resume-link { - color: #dc3232; + color: #d63638; } .plugin-card .update-now:before { - color: #f56e28; + color: #d63638; content: "\f463"; display: inline-block; font: normal 20px/1 dashicons; @@ -1336,7 +1336,7 @@ ul.cat-checklist { } .plugin-card .updated-message:before { - color: #79ba49; + color: #68de7c; content: "\f147"; } @@ -1368,7 +1368,7 @@ ul.cat-checklist { width: 48.5%; width: calc( 50% - 8px ); background-color: #fff; - border: 1px solid #ddd; + border: 1px solid #dcdcde; box-sizing: border-box; } @@ -1475,8 +1475,8 @@ div.action-links, .plugin-card-bottom { clear: both; padding: 12px 20px; - background-color: #fafafa; - border-top: 1px solid #ddd; + background-color: #f6f7f7; + border-top: 1px solid #dcdcde; overflow: hidden; } @@ -1491,7 +1491,7 @@ div.action-links, .plugin-card-update-failed .notice-error { margin: 0; padding-left: 16px; - box-shadow: 0 -1px 0 #ddd; + box-shadow: 0 -1px 0 #dcdcde; } .plugin-card-update-failed .plugin-card-bottom { @@ -1535,17 +1535,17 @@ div.action-links, -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; - color: #444; + color: #3c434a; } .plugin-card .column-compatibility .compatibility-incompatible:before { content: "\f158"; - color: #c62d2d; + color: #d63638; } .plugin-card .column-compatibility .compatibility-compatible:before { content: "\f147"; - color: #31843f; + color: #007017; } .plugin-card .notice { @@ -1562,7 +1562,7 @@ div.action-links, } .no-plugin-results { - color: #666; /* same as no themes and no media */ + color: #646970; /* same as no themes and no media */ font-size: 18px; font-style: normal; margin: 0; @@ -1574,19 +1574,19 @@ div.action-links, /* Background Color for Site Status */ .wp-list-table .site-deleted, .wp-list-table tr.site-deleted { - background: #ff8573; + background: #ff8085; } .wp-list-table .site-spammed, .wp-list-table tr.site-spammed { - background: #faafaa; + background: #ffabaf; } .wp-list-table .site-archived, .wp-list-table tr.site-archived { - background: #ffebe8; + background: #fcf0f1; } .wp-list-table .site-mature, .wp-list-table tr.site-mature { - background: #fecac2; + background: #facfd2; } .sites.fixed .column-lastupdated, @@ -1856,7 +1856,7 @@ div.action-links, border: none; border-radius: 0; background: none; - color: #bb2a2a; + color: #b32d2e; font-size: inherit; line-height: inherit; text-align: left; @@ -1864,7 +1864,7 @@ div.action-links, .column-response .post-com-count-pending:hover, .column-comments .post-com-count-pending:hover { - color: #dc3232; + color: #d63638; } .widefat thead td.check-column, @@ -2070,8 +2070,8 @@ div.action-links, } .plugins .active.update + .plugin-update-tr:before { - border-left: 4px solid #d54e21; - background-color: #fef7f1; + border-left: 4px solid #d63638; + background-color: #f6f7f7; } .plugins #the-list .plugin-update-tr .plugin-update { @@ -2083,8 +2083,8 @@ div.action-links, } .plugins .active.update + .plugin-update-tr:before { - background-color: #f7fcfe; - border-left: 4px solid #00a0d2; + background-color: #fff; + border-left: 4px solid #72aee6; } .plugins .plugin-update-tr .update-message { diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css index d952e4b5f5..15f8cc81b4 100644 --- a/src/wp-admin/css/login.css +++ b/src/wp-admin/css/login.css @@ -6,16 +6,16 @@ body { } body { - background: #f1f1f1; + background: #f0f0f1; min-width: 0; - color: #444; + color: #3c434a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; } a { - color: #0073aa; + color: #2271b1; transition-property: border, background, color; transition-duration: .05s; transition-timing-function: ease-in-out; @@ -27,14 +27,14 @@ a { a:hover, a:active { - color: #006799; + color: #135e96; } a:focus { - color: #124964; + color: #043959; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } p { @@ -44,7 +44,7 @@ p { .login .message, .login .success, .login #login_error { - border-left: 4px solid #00a0d2; + border-left: 4px solid #72aee6; padding: 12px; margin-left: 0; margin-bottom: 20px; @@ -53,11 +53,11 @@ p { } .login .success { - border-left-color: #46b450; + border-left-color: #00a32a; } .login #login_error { - border-left-color: #dc3232; + border-left-color: #d63638; } #loginform p.submit, @@ -102,8 +102,8 @@ p { .login .button.wp-hide-pw:focus { background: transparent; - border-color: #007cba; - box-shadow: 0 0 0 1px #007cba; + border-color: #3582c4; + box-shadow: 0 0 0 1px #3582c4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -135,7 +135,7 @@ p { font-weight: 400; overflow: hidden; background: #fff; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } @@ -203,8 +203,8 @@ p { } .login h1.admin-email__heading { - border-bottom: 1px rgb(241, 241, 241) solid; - color: rgb(95, 95, 95); + border-bottom: 1px #f0f0f1 solid; + color: #50575e; font-weight: normal; padding-bottom: 0.5em; text-align: left; @@ -252,7 +252,7 @@ p { background-size: 84px; background-position: center top; background-repeat: no-repeat; - color: #444; + color: #3c434a; height: 84px; font-size: 20px; font-weight: 400; @@ -290,19 +290,19 @@ p { .login #nav a, .login #backtoblog a { text-decoration: none; - color: #555d66; + color: #50575e; } .login #nav a:hover, .login #backtoblog a:hover, .login h1 a:hover { - color: #006799; + color: #135e96; } .login #nav a:focus, .login #backtoblog a:focus, .login h1 a:focus { - color: #124964; + color: #043959; } .login .privacy-policy-page-link { @@ -333,7 +333,7 @@ p { .login form .input, .login input[type="text"], .login form input[type="checkbox"] { - background: #fbfbfb; + background: #fff; } .js.login-action-rp input[type="text"], diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index 991643fcd3..f13268c44b 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -5,7 +5,7 @@ .media-item .describe { border-collapse: collapse; width: 100%; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; clear: both; cursor: default; } @@ -124,7 +124,7 @@ .media-upload-form .media-item, .media-upload-form .media-item .error { - box-shadow: 0 1px 0 #ddd; + box-shadow: 0 1px 0 #dcdcde; } #media-items:empty { @@ -163,7 +163,7 @@ padding: 0; overflow: hidden; border-radius: 22px; - background: #ddd; + background: #dcdcde; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } @@ -173,7 +173,7 @@ height: 100%; margin-top: -22px; border-radius: 22px; - background-color: #0073aa; + background-color: #2271b1; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); } @@ -238,8 +238,8 @@ } .find-box-head { - background: #fcfcfc; - border-bottom: 1px solid #ddd; + background: #fff; + border-bottom: 1px solid #dcdcde; height: 36px; font-size: 18px; font-weight: 600; @@ -305,18 +305,18 @@ cursor: pointer; text-align: center; background: none; - color: #666; + color: #646970; } #find-posts-close:hover, #find-posts-close:focus { - color: #006799; + color: #135e96; } #find-posts-close:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; @@ -333,8 +333,8 @@ .find-box-buttons { padding: 8px 16px; - background: #fcfcfc; - border-top: 1px solid #ddd; + background: #fff; + border-top: 1px solid #dcdcde; position: absolute; bottom: 0; left: 0; @@ -373,7 +373,7 @@ } .drag-drop #drag-drop-area { - border: 4px dashed #b4b9be; + border: 4px dashed #c3c4c7; height: 200px; } @@ -407,7 +407,7 @@ } border color while dragging a file over the uploader drop area */ .drag-drop.drag-over #drag-drop-area { - border-color: #83b4d8; + border-color: #9ec2e6; } #plupload-upload-ui { @@ -442,7 +442,7 @@ border color while dragging a file over the uploader drop area */ width: auto; margin-top: 12px; padding: 0 16px; - border-left: 4px solid #dd3d36; + border-left: 4px solid #d63638; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: #fff; } @@ -475,12 +475,12 @@ border color while dragging a file over the uploader drop area */ content: "\f153"; display: block; font: normal 16px/1 dashicons; - color: #72777c; + color: #787c82; } .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before, .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before { - color: #c00; + color: #d63638; } .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 { @@ -495,7 +495,7 @@ border color while dragging a file over the uploader drop area */ bottom: auto; padding-top: 0; margin-top: 20px; - border: 4px dashed #b4b9be; + border: 4px dashed #c3c4c7; } .media-frame.mode-select .attachments-browser.fixed .attachments { @@ -508,8 +508,8 @@ border color while dragging a file over the uploader drop area */ .media-frame.mode-grid .selected.attachment:focus, .media-frame.mode-grid .attachment.details:focus { box-shadow: - inset 0 0 2px 3px #f1f1f1, - inset 0 0 0 7px #5b9dd9; + inset 0 0 2px 3px #f0f0f1, + inset 0 0 0 7px #4f94d4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -6px; @@ -517,14 +517,14 @@ border color while dragging a file over the uploader drop area */ .media-frame.mode-grid .selected.attachment { box-shadow: - inset 0 0 0 5px #f1f1f1, - inset 0 0 0 7px #ccc; + inset 0 0 0 5px #f0f0f1, + inset 0 0 0 7px #c3c4c7; } .media-frame.mode-grid .attachment.details { box-shadow: - inset 0 0 0 3px #f1f1f1, - inset 0 0 0 7px #1e8cbe; + inset 0 0 0 3px #f0f0f1, + inset 0 0 0 7px #4f94d4; } .media-frame.mode-grid.mode-select .attachment .thumbnail { @@ -589,7 +589,7 @@ border color while dragging a file over the uploader drop area */ } .media-frame.mode-grid .attachments-browser .no-media { - color: #666; /* same as no plugins and no themes */ + color: #646970; /* same as no plugins and no themes */ font-size: 18px; font-style: normal; margin: 0; @@ -620,7 +620,7 @@ border color while dragging a file over the uploader drop area */ .edit-attachment-frame .edit-media-header .left, .edit-attachment-frame .edit-media-header .right { cursor: pointer; - color: #72777c; + color: #787c82; background-color: transparent; height: 50px; width: 50px; @@ -628,7 +628,7 @@ border color while dragging a file over the uploader drop area */ position: absolute; text-align: center; border: 0; - border-left: 1px solid #ddd; + border-left: 1px solid #dcdcde; transition: color .1s ease-in-out, background .1s ease-in-out; } @@ -663,8 +663,8 @@ border color while dragging a file over the uploader drop area */ .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:focus, .edit-attachment-frame .edit-media-header .right:focus { - background: #ddd; - border-color: #ccc; + background: #dcdcde; + border-color: #c3c4c7; color: #000; outline: none; box-shadow: none; @@ -693,7 +693,7 @@ border color while dragging a file over the uploader drop area */ .edit-attachment-frame .edit-media-header [disabled], .edit-attachment-frame .edit-media-header [disabled]:hover { - color: #ccc; + color: #c3c4c7; background: inherit; cursor: default; } @@ -737,7 +737,7 @@ border color while dragging a file over the uploader drop area */ max-width: 100%; max-height: 90%; max-height: calc( 100% - 42px ); /* leave space for actions underneath */ - background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); + background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); background-position: 0 0, 10px 10px; background-size: 20px 20px; } @@ -769,8 +769,8 @@ border color while dragging a file over the uploader drop area */ height: 100%; box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1); border-bottom: 0; - border-left: 1px solid #ddd; - background: #f3f3f3; + border-left: 1px solid #dcdcde; + background: #f6f7f7; } .edit-attachment-frame .attachment-info .details, @@ -780,12 +780,12 @@ border color while dragging a file over the uploader drop area */ float: none; margin-bottom: 15px; padding-bottom: 15px; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } .edit-attachment-frame .attachment-info .filename { font-weight: 400; - color: #666; + color: #646970; } .edit-attachment-frame .attachment-info .thumbnail { @@ -813,7 +813,7 @@ border color while dragging a file over the uploader drop area */ } .copy-to-clipboard-container .success { - color: #40860a; + color: #008a20; margin-left: 8px; } @@ -918,7 +918,7 @@ border color while dragging a file over the uploader drop area */ .imgedit-settings .disabled { /* WCAG 1.4.3 Text or images of text that are part of an inactive user interface component ... have no contrast requirement. */ - color: #a0a5aa; + color: #a7aaad; } .A1B1 { @@ -971,9 +971,9 @@ border color while dragging a file over the uploader drop area */ } .imgedit-menu .button.disabled { - color: #a0a5aa; - border-color: #ddd; - background: #f7f7f7; + color: #a7aaad; + border-color: #dcdcde; + background: #f6f7f7; box-shadow: none; text-shadow: 0 1px 0 #fff; cursor: default; @@ -1013,7 +1013,7 @@ border color while dragging a file over the uploader drop area */ } .imgedit-crop-wrap img { - background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); + background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); background-position: 0 0, 10px 10px; background-size: 20px 20px; } @@ -1064,7 +1064,7 @@ border color while dragging a file over the uploader drop area */ #poststuff .imgedit-group-top .button-link { text-decoration: none; - color: #23282d; + color: #1d2327; } .imgedit-applyto .imgedit-label { @@ -1089,7 +1089,7 @@ border color while dragging a file over the uploader drop area */ margin: -1px 0 0 -1px; padding: 0; background: transparent; - color: #0074a2; + color: #2271b1; font-size: 20px; line-height: 1; cursor: pointer; @@ -1098,9 +1098,9 @@ border color while dragging a file over the uploader drop area */ } .image-editor .imgedit-settings .imgedit-help-toggle:focus { - color: #0074a2; - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + color: #2271b1; + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -1124,7 +1124,7 @@ border color while dragging a file over the uploader drop area */ } span.imgedit-scale-warn { - color: #dc3232; + color: #d63638; font-size: 20px; font-style: normal; visibility: hidden; @@ -1161,7 +1161,7 @@ span.imgedit-scale-warn { width: 7px; text-align: center; font-size: 13px; - color: #444; + color: #3c434a; } .imgedit-settings .imgedit-scale-button-wrapper { diff --git a/src/wp-admin/css/nav-menus.css b/src/wp-admin/css/nav-menus.css index ee650b0dc7..e92923d849 100644 --- a/src/wp-admin/css/nav-menus.css +++ b/src/wp-admin/css/nav-menus.css @@ -66,7 +66,7 @@ ul.add-menu-item-tabs li { } .is-submenu { - color: #555d66; /* #fafafa background */ + color: #50575e; /* #fafafa background */ font-style: italic; font-weight: 400; margin-left: 4px; @@ -76,7 +76,7 @@ ul.add-menu-item-tabs li { margin-top: 23px; padding: 10px; overflow: hidden; - background: #fbfbfb; + background: #fff; } .manage-menus .selected-menu, @@ -98,7 +98,7 @@ ul.add-menu-item-tabs li { } .menu-settings { - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; margin-top: 2em; } @@ -135,7 +135,7 @@ ul.add-menu-item-tabs li { } .theme-location-set { - color: #72777c; + color: #787c82; font-size: 11px; } @@ -163,18 +163,18 @@ ul.add-menu-item-tabs li { .nav-menus-php #post-body { padding: 0 10px; border-top: 1px solid #fff; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; background: #fff; } #nav-menu-header, #nav-menu-footer { padding: 0 10px; - background: #f5f5f5; + background: #f6f7f7; } #nav-menu-header { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; margin-bottom: 0; } @@ -251,7 +251,7 @@ ul.add-menu-item-tabs li { .locations-edit-menu-link { padding-right: 3px; - border-right: 1px solid #ccc; + border-right: 1px solid #c3c4c7; } #menu-management .inside { @@ -440,7 +440,7 @@ ul.add-menu-item-tabs li { } .menu-item-bar .menu-item-handle { - border: 1px solid #ddd; + border: 1px solid #dcdcde; position: relative; padding: 10px 15px; height: auto; @@ -452,12 +452,12 @@ ul.add-menu-item-tabs li { } .menu-item-bar .menu-item-handle:hover { - border-color: #999; + border-color: #8c8f94; } #menu-to-edit .menu-item-invalid .menu-item-handle { - background: #f6c9cc; - border-color: #f1acb1; + background: #facfd2; + border-color: #ffabaf; } .no-js .menu-item-edit-active .item-edit { @@ -470,7 +470,7 @@ ul.add-menu-item-tabs li { .menu li.deleting .menu-item-handle { background-image: none; - background-color: #f66; + background-color: #f86368; } .menu-item-handle .item-title { @@ -483,7 +483,7 @@ ul.add-menu-item-tabs li { } .menu-item-handle .menu-item-title.no-title { - color: #72777c; + color: #787c82; } /* Sortables */ @@ -550,7 +550,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .item-type { display: inline-block; padding: 12px 16px; - color: #666; + color: #646970; font-size: 12px; line-height: 1.5; } @@ -591,7 +591,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; } height: auto; margin: 12px -10px 12px 0; padding: 0; - color: #0073aa; + color: #2271b1; text-decoration: underline; font-size: 12px; line-height: 1.5; @@ -628,8 +628,8 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .nav-menus-php .item-edit:focus:before { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } /* Menu editing */ @@ -643,7 +643,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; } padding: 10px; position: relative; z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @@ -689,8 +689,8 @@ body.menu-max-depth-11 { min-width: 1280px !important; } display: block; margin: 0 0 15px; padding: 3px 5px 5px; - border: 1px solid #ddd; - color: #72777c; + border: 1px solid #dcdcde; + color: #787c82; font-size: 12px; } diff --git a/src/wp-admin/css/revisions.css b/src/wp-admin/css/revisions.css index fb4b8a5ea7..a829a461f7 100644 --- a/src/wp-admin/css/revisions.css +++ b/src/wp-admin/css/revisions.css @@ -42,7 +42,7 @@ .revisions-tickmarks > div { position: absolute; height: 100%; - border-left: 1px solid #a0a5aa; + border-left: 1px solid #a7aaad; box-sizing: border-box; } @@ -131,11 +131,11 @@ body.folded .revisions .loading-indicator { } .revisions-controls .author-card .date { - color: #72777c; + color: #787c82; } .revisions-controls .author-card.autosave { - color: #d54e21; + color: #d63638; } .revisions-controls .author-card .author-name { @@ -242,16 +242,16 @@ table.diff .diff-addedline ins { table.diff .diff-deletedline { position: relative; - background-color: #ffe9e9; + background-color: #fcf0f1; } table.diff .diff-deletedline del { - background-color: #faa; + background-color: #ffabaf; } table.diff .diff-addedline { position: relative; - background-color: #e9ffe9; + background-color: #edfaef; } table.diff .diff-deletedline .dashicons, @@ -271,7 +271,7 @@ table.diff .diff-addedline .dashicons { } table.diff .diff-addedline ins { - background-color: #afa; + background-color: #68de7c; } .diff-meta { @@ -384,7 +384,7 @@ table.diff .diff-addedline ins { .revisions-tooltip, .revisions-tooltip-arrow > span { - border: 1px solid #ddd; + border: 1px solid #dcdcde; background-color: #fff; } @@ -445,7 +445,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { /* jQuery UI Slider */ .wp-slider.ui-slider { position: relative; - border: 1px solid #ddd; + border: 1px solid #dcdcde; text-align: left; cursor: pointer; } @@ -464,21 +464,21 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { .wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.focus { - background: #f7f7f7; - border: 1px solid #ccc; - box-shadow: 0 1px 0 #cccccc; + background: #f6f7f7; + border: 1px solid #c3c4c7; + box-shadow: 0 1px 0 #c3c4c7; } .wp-slider .ui-slider-handle:hover, .wp-slider .ui-slider-handle.ui-state-hover { - background: #fafafa; - border-color: #999; + background: #f6f7f7; + border-color: #8c8f94; } .wp-slider .ui-slider-handle:active, .wp-slider .ui-slider-handle.ui-state-active { - background: #eee; - border-color: #999; + background: #f0f0f1; + border-color: #8c8f94; box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); transform: translateY(1px); } @@ -488,7 +488,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { position: absolute; top: 2px; left: 2px; - color: #555; + color: #50575e; content: "\f229"; font: normal 18px/1 dashicons; speak: never; @@ -498,7 +498,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { .wp-slider .ui-slider-handle:hover:before, .wp-slider .ui-slider-handle.ui-state-hover:before { - color: #23282d; + color: #1d2327; } .wp-slider .ui-slider-handle.from-handle:before, diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css index 43d259484e..75a55f9bc1 100644 --- a/src/wp-admin/css/site-health.css +++ b/src/wp-admin/css/site-health.css @@ -26,7 +26,7 @@ text-align: center; margin: 0 0 1rem; background: #fff; - border-bottom: 1px solid #e2e4e7; + border-bottom: 1px solid #dcdcde; } .health-check-title-section { @@ -67,34 +67,34 @@ .loading .site-health-progress svg #bar { stroke-dashoffset: 0; - stroke: #adc5d2; + stroke: #c3c4c7; animation: loadingPulse 3s infinite ease-in-out; } .site-health-progress svg circle { stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; - stroke: #ccc; + stroke: #c3c4c7; stroke-width: 2em; } .site-health-progress svg #bar { stroke-dashoffset: 565; - stroke: #dc3232; + stroke: #d63638; } .green .site-health-progress #bar { - stroke: #46b450; + stroke: #00a32a; } .green .site-health-progress .site-health-progress-label { - color: #46b450; + color: #00a32a; } .orange .site-health-progress #bar { - stroke: #ffb900; + stroke: #dba617; } .orange .site-health-progress .site-health-progress-label { - color: #ffb900; + color: #dba617; } .site-health-progress-label { @@ -105,13 +105,13 @@ @keyframes loadingPulse { 0% { - stroke: #adc5d2; + stroke: #c3c4c7; } 50% { - stroke: #00a0d2; + stroke: #72aee6; } 100% { - stroke: #adc5d2; + stroke: #c3c4c7; } } @@ -143,13 +143,13 @@ } .health-check-tab:focus { - color: #191e23; - outline: 1px solid #6c7781; + color: #1d2327; + outline: 1px solid #787c82; box-shadow: none; } .health-check-tab.active { - box-shadow: inset 0 -3px #007cba; + box-shadow: inset 0 -3px #3582c4; font-weight: 600; } @@ -178,23 +178,23 @@ .health-check-body .pass::before, .health-check-body .good::before { content: "\f147"; - color: #46b450; + color: #00a32a; } .health-check-body .warning::before { content: "\f460"; - color: #ffb900; + color: #dba617; } .health-check-body .info::before { content: "\f348"; - color: #00a0d2; + color: #72aee6; } .health-check-body .fail::before, .health-check-body .error::before { content: "\f335"; - color: #dc3232; + color: #d63638; } .site-health-copy-buttons { @@ -208,7 +208,7 @@ } .site-health-copy-buttons .success { - color: #40860a; + color: #008a20; margin-left: 0.5rem; } @@ -266,12 +266,12 @@ } .health-check-accordion { - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; } .health-check-accordion-heading { margin: 0; - border-top: 1px solid #ccd0d4; + border-top: 1px solid #c3c4c7; font-size: inherit; line-height: inherit; font-weight: 600; @@ -285,7 +285,7 @@ .health-check-accordion-trigger { background: #fff; border: 0; - color: #32373c; + color: #2c3338; cursor: pointer; display: flex; font-weight: 400; @@ -310,16 +310,16 @@ .health-check-accordion-trigger:hover, .health-check-accordion-trigger:active { - background: #f8f9f9; + background: #f6f7f7; } .health-check-accordion-trigger:focus { - color: #191e23; + color: #1d2327; border: none; box-shadow: none; outline-offset: -1px; - outline: 2px solid #0071a1; - background-color: #f8f9f9; + outline: 2px solid #2271b1; + background-color: #f6f7f7; } .health-check-accordion-trigger .title { @@ -330,7 +330,7 @@ .health-check-accordion-trigger .icon, .site-health-view-passed .icon { - border: solid #555d66; + border: solid #50575e; border-width: 0 2px 2px 0; height: 0.5rem; pointer-events: none; @@ -343,33 +343,33 @@ .health-check-accordion-trigger .badge { padding: 0.1rem 0.5rem 0.15rem; - color: #32373c; + color: #2c3338; font-weight: 600; margin-left: 0.5rem; } .health-check-accordion-trigger .badge.blue { - border: 1px solid #bfe7f3; + border: 1px solid #c5d9ed; } .health-check-accordion-trigger .badge.orange { - border: 1px solid #ffb900; + border: 1px solid #dba617; } .health-check-accordion-trigger .badge.red { - border: 1px solid #dc3232; + border: 1px solid #d63638; } .health-check-accordion-trigger .badge.green { - border: 1px solid #46b450; + border: 1px solid #00a32a; } .health-check-accordion-trigger .badge.purple { - border: 1px solid #826eb4; + border: 1px solid #2271b1; } .health-check-accordion-trigger .badge.gray { - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; } .health-check-accordion-trigger[aria-expanded="true"] .icon, diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index ff695955cb..0063f37a2e 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -56,7 +56,7 @@ body.js .theme-browser.search-loading { margin: 0 4% 4% 0; position: relative; width: 30.6%; - border: 1px solid #ddd; + border: 1px solid #dcdcde; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); box-sizing: border-box; } @@ -90,7 +90,7 @@ body.js .theme-browser.search-loading { opacity: 0; transition: opacity 0.1s ease-in-out; height: auto; - background: rgba(244, 244, 244, 0.7); + background: rgba(246, 247, 247, 0.7); border-left: 1px solid rgba(0, 0, 0, 0.05); } @@ -156,7 +156,7 @@ body.js .theme-browser.search-loading { top: 35%; right: 20%; left: 20%; - background: #23282d; + background: #1d2327; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 15px; @@ -170,8 +170,8 @@ body.js .theme-browser.search-loading { } .theme-browser .theme:focus { - border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); + border-color: #4f94d4; + box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); } .theme-browser .theme:focus .more-details { @@ -193,7 +193,7 @@ body.js .theme-browser.search-loading { * The currently active theme */ .theme-browser .theme.active .theme-name { - background: #23282d; + background: #1d2327; color: #fff; padding-right: 110px; font-weight: 300; @@ -209,7 +209,7 @@ body.js .theme-browser.search-loading { } .theme-browser .theme.active .theme-actions { - background: rgba(49, 49, 49, 0.7); + background: rgba(44, 51, 56, 0.7); border-left: none; opacity: 1; } @@ -233,8 +233,8 @@ body.js .theme-browser.search-loading { } .theme-browser .theme .theme-author { - background: #23282d; - color: #eee; + background: #1d2327; + color: #f0f0f1; display: none; font-size: 14px; margin: 0 10px; @@ -278,14 +278,14 @@ body.js .theme-browser.search-loading { bottom: 0; padding: 0; text-shadow: none; - border: 5px dashed #d5d2ca; + border: 5px dashed #dcdcde; border: 5px dashed rgba(0, 0, 0, 0.1); box-sizing: border-box; } .theme-browser .theme.add-new-theme span:after { - background: #e5e5e5; - background: rgba(153, 153, 153, 0.1); + background: #dcdcde; + background: rgba(140, 143, 148, 0.1); border-radius: 50%; display: inline-block; content: "\f132"; @@ -295,7 +295,7 @@ body.js .theme-browser.search-loading { height: 100px; vertical-align: middle; text-align: center; - color: rgb(153, 153, 153); + color: #8c8f94; position: absolute; top: 30%; left: 50%; @@ -318,14 +318,14 @@ body.js .theme-browser.search-loading { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after { background: #fff; - color: #0073aa; + color: #2271b1; } .theme-browser .theme.add-new-theme a:hover:after, .theme-browser .theme.add-new-theme a:focus:after { border-color: transparent; color: #fff; - background: #0073aa; + background: #2271b1; content: ""; } @@ -357,8 +357,8 @@ body.js .theme-browser.search-loading { right: 0; top: 0; bottom: 0; - background: #f1f1f1; - background: rgba(238, 238, 238, 0.9); + background: #f0f0f1; + background: rgba(240, 240, 241, 0.9); z-index: 10000; /* Over WP Pointers. */ } @@ -368,7 +368,7 @@ body.js .theme-browser.search-loading { left: 0; right: 0; height: 48px; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } .theme-overlay .theme-header button { @@ -382,14 +382,14 @@ body.js .theme-browser.search-loading { text-align: center; float: right; border: 0; - border-left: 1px solid #ddd; + border-left: 1px solid #dcdcde; background-color: transparent; transition: color .1s ease-in-out, background .1s ease-in-out; } .theme-overlay .theme-header .close:before { font: normal 22px/50px dashicons !important; - color: #72777c; + color: #787c82; display: inline-block; content: "\f335"; font-weight: 300; @@ -399,14 +399,14 @@ body.js .theme-browser.search-loading { .theme-overlay .theme-header .right, .theme-overlay .theme-header .left { cursor: pointer; - color: #72777c; + color: #787c82; background-color: transparent; height: 48px; width: 54px; float: left; text-align: center; border: 0; - border-right: 1px solid #ddd; + border-right: 1px solid #dcdcde; transition: color .1s ease-in-out, background .1s ease-in-out; } @@ -416,8 +416,8 @@ body.js .theme-browser.search-loading { .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:focus, .theme-overlay .theme-header .left:hover { - background: #ddd; - border-color: #ccc; + background: #dcdcde; + border-color: #c3c4c7; color: #000; } @@ -437,7 +437,7 @@ body.js .theme-browser.search-loading { .theme-overlay .theme-header .right.disabled, .theme-overlay .theme-header .left.disabled:hover, .theme-overlay .theme-header .right.disabled:hover { - color: #ccc; + color: #c3c4c7; background: inherit; cursor: inherit; } @@ -492,10 +492,10 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { left: 0; right: 0; padding: 10px 25px 5px; - background: #f3f3f3; + background: #f6f7f7; z-index: 30; box-sizing: border-box; - border-top: 1px solid #eee; + border-top: 1px solid #f0f0f1; } .theme-overlay .theme-actions a { @@ -511,7 +511,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { .broken-themes a.delete-theme, .theme-overlay .theme-actions .delete-theme { - color: #a00; + color: #d63638; text-decoration: none; border-color: transparent; box-shadow: none; @@ -528,9 +528,9 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { .broken-themes a.delete-theme:focus, .theme-overlay .theme-actions .delete-theme:hover, .theme-overlay .theme-actions .delete-theme:focus { - background: #d54e21; + background: #d63638; color: #fff; - border-color: #d54e21; + border-color: #d63638; } .theme-overlay .theme-actions .active-theme, @@ -588,8 +588,8 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { /* Other screenshots, shown small and square */ .theme-overlay .screenshot.thumb { - background: #ccc; - border: 1px solid #eee; + background: #c3c4c7; + border: 1px solid #f0f0f1; float: none; display: inline-block; margin: 10px 5px 0; @@ -616,7 +616,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { .theme-overlay .screenshot.selected { background: transparent; - border: 2px solid #00a0d2; + border: 2px solid #72aee6; } .theme-overlay .screenshot.selected img { @@ -638,7 +638,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { } .theme-overlay .current-label { - background: #32373c; + background: #2c3338; color: #fff; font-size: 11px; display: inline-block; @@ -651,7 +651,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { } .theme-overlay .theme-name { - color: #23282d; + color: #1d2327; font-size: 32px; font-weight: 100; margin: 10px 0 0; @@ -661,7 +661,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { } .theme-overlay .theme-version { - color: #72777c; + color: #787c82; font-size: 13px; font-weight: 400; float: none; @@ -671,7 +671,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { .theme-overlay .theme-author { margin: 15px 0 25px; - color: #72777c; + color: #787c82; font-size: 16px; font-weight: 400; line-height: inherit; @@ -695,7 +695,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { } .theme-overlay .theme-description { - color: #555; + color: #50575e; font-size: 15px; font-weight: 400; line-height: 1.5; @@ -703,8 +703,8 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { } .theme-overlay .theme-tags { - border-top: 3px solid #eee; - color: #82878c; + border-top: 3px solid #f0f0f1; + color: #8c8f94; font-size: 13px; font-weight: 400; margin: 30px 0 0 0; @@ -712,15 +712,15 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { } .theme-overlay .theme-tags span { - color: #444; + color: #3c434a; font-weight: 600; margin-right: 5px; } .theme-overlay .parent-theme { - background: #f7fcfe; - border: 1px solid #eee; - border-left: 4px solid #00a0d2; + background: #fff; + border: 1px solid #f0f0f1; + border-left: 4px solid #72aee6; font-size: 14px; font-weight: 400; margin-top: 30px; @@ -1000,11 +1000,11 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { /* Already installed theme */ .theme-browser .theme .theme-installed { - background: #0073aa; + background: #2271b1; } .theme-browser .theme .notice-success p:before { - color: #79ba49; + color: #68de7c; content: "\f147"; display: inline-block; font: normal 20px/1 'dashicons'; @@ -1057,8 +1057,8 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { .upload-theme .wp-upload-form, .upload-plugin .wp-upload-form { - background: #fafafa; - border: 1px solid #ccd0d4; + background: #f6f7f7; + border: 1px solid #c3c4c7; padding: 30px; margin: 30px auto; display: inline-flex; @@ -1073,7 +1073,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { .upload-theme .install-help, .upload-plugin .install-help { - color: #555d66; /* #f1f1f1 background */ + color: #50575e; /* #f1f1f1 background */ font-size: 18px; font-style: normal; margin: 0; @@ -1084,7 +1084,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap { p.no-themes, p.no-themes-local { clear: both; - color: #666; + color: #646970; font-size: 18px; font-style: normal; margin: 0; @@ -1123,7 +1123,7 @@ p.no-themes-local { .theme-details .num-ratings, .theme-details .no-rating { font-size: 11px; - color: #72777c; + color: #787c82; } .theme-details .no-rating { @@ -1132,8 +1132,8 @@ p.no-themes-local { } .update-from-upload-comparison { - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + border-top: 1px solid #dcdcde; + border-bottom: 1px solid #dcdcde; text-align: left; margin: 1rem 0 1.4rem; border-collapse: collapse; @@ -1161,7 +1161,7 @@ p.no-themes-local { } .update-from-upload-comparison td.warning { - color: #a00; + color: #d63638; } .update-from-upload-actions { @@ -1173,7 +1173,7 @@ p.no-themes-local { ------------------------------------------------------------------------------*/ .appearance_page_custom-header #headimg { - border: 1px solid #ddd; + border: 1px solid #dcdcde; overflow: hidden; width: 100%; } @@ -1209,7 +1209,7 @@ p.no-themes-local { div#custom-background-image { min-height: 100px; - border: 1px solid #ddd; + border: 1px solid #dcdcde; } div#custom-background-image img { @@ -1218,16 +1218,16 @@ div#custom-background-image img { } .background-position-control input[type="radio"]:checked ~ .button { - background: #eee; - border-color: #999; + background: #f0f0f1; + border-color: #8c8f94; box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); z-index: 1; } .background-position-control input[type="radio"]:focus ~ .button { - border-color: #5b9dd9; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); - color: #23282d; + border-color: #4f94d4; + box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8); + color: #1d2327; } .background-position-control .background-position-center-icon, @@ -1246,7 +1246,7 @@ div#custom-background-image img { } .background-position-control .background-position-center-icon:before { - background-color: #555; + background-color: #50575e; border-radius: 50%; content: ""; height: 12px; @@ -1255,7 +1255,7 @@ div#custom-background-image img { .background-position-control .button:hover .background-position-center-icon:before, .background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before { - background-color: #23282d; + background-color: #1d2327; } .background-position-control .button-group { @@ -1280,7 +1280,7 @@ div#custom-background-image img { } .background-position-control .button-group:last-child .button { - box-shadow: 0 1px 0 #ccc; + box-shadow: 0 1px 0 #c3c4c7; } .background-position-control .button-group > label { @@ -1363,7 +1363,7 @@ body.full-overlay-active { padding: 0; margin: 0; z-index: 10; - background: #eee; + background: #f0f0f1; border-right: none; } @@ -1470,9 +1470,9 @@ body.full-overlay-active { float: left; width: 45px; height: 45px; - background: #eee; - border-right: 1px solid #ddd; - color: #444; + background: #f0f0f1; + border-right: 1px solid #dcdcde; + color: #3c434a; cursor: pointer; text-decoration: none; transition: color .1s ease-in-out, background .1s ease-in-out; @@ -1484,8 +1484,8 @@ body.full-overlay-active { .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus { - background: #ddd; - border-color: #ccc; + background: #dcdcde; + border-color: #c3c4c7; color: #000; outline: none; box-shadow: none; @@ -1521,8 +1521,8 @@ body.full-overlay-active { .theme-install-overlay .previous-theme.disabled:focus, .theme-install-overlay .next-theme.disabled:hover, .theme-install-overlay .next-theme.disabled:focus { - color: #b4b9be; - background: #eee; + color: #c3c4c7; + background: #f0f0f1; cursor: default; pointer-events: none; } @@ -1549,7 +1549,7 @@ body.full-overlay-active { left: 0; padding: 9px 0 9px 10px; height: 45px; - color: #656a6f; + color: #646970; outline: 0; line-height: 1; background-color: transparent !important; @@ -1560,7 +1560,7 @@ body.full-overlay-active { .wp-core-ui .wp-full-overlay .collapse-sidebar:hover, .wp-core-ui .wp-full-overlay .collapse-sidebar:focus { - color: #0073aa; + color: #2271b1; } .wp-full-overlay .collapse-sidebar-arrow, @@ -1581,8 +1581,8 @@ body.full-overlay-active { .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow, .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } .wp-full-overlay .collapse-sidebar-label { @@ -1596,7 +1596,7 @@ body.full-overlay-active { .wp-full-overlay .collapse-sidebar-arrow:before { display: block; content: "\f148"; - background: #eee; + background: #f0f0f1; font: normal 20px/1 dashicons; speak: never; padding: 0; @@ -1630,11 +1630,11 @@ body.full-overlay-active { /* Device/preview size toggles */ .wp-full-overlay { - background: #191e23; + background: #1d2327; } .wp-full-overlay-main { - background-color: #f1f1f1; + background-color: #f0f0f1; } .expanded .wp-full-overlay-footer { @@ -1646,8 +1646,8 @@ body.full-overlay-active { width: 18%; width: calc( 18% - 1px ); height: 45px; - border-top: 1px solid #ddd; - background: #eee; + border-top: 1px solid #dcdcde; + background: #f0f0f1; } .wp-full-overlay-footer .devices-wrapper { @@ -1656,8 +1656,8 @@ body.full-overlay-active { .wp-full-overlay-footer .devices { position: relative; - background: #eee; - box-shadow: -20px 0 10px -5px #eee; + background: #f0f0f1; + box-shadow: -20px 0 10px -5px #f0f0f1; } .wp-full-overlay-footer .devices button { @@ -1688,11 +1688,11 @@ body.full-overlay-active { vertical-align: top; margin: 3px 0; padding: 4px 8px; - color: #656a6f; + color: #646970; } .wp-full-overlay-footer .devices button.active { - border-bottom-color: #191e23; + border-bottom-color: #1d2327; } .wp-full-overlay-footer .devices button:hover, @@ -1702,16 +1702,16 @@ body.full-overlay-active { .wp-full-overlay-footer .devices button:focus, .wp-full-overlay-footer .devices button.active:hover { - border-bottom-color: #0073aa; + border-bottom-color: #2271b1; } .wp-full-overlay-footer .devices button.active:before { - color: #191e23; + color: #1d2327; } .wp-full-overlay-footer .devices button:hover:before, .wp-full-overlay-footer .devices button:focus:before { - color: #0073aa; + color: #2271b1; } .wp-full-overlay-footer .devices .preview-desktop:before { @@ -1770,7 +1770,7 @@ body.full-overlay-active { #customize-container, #customize-controls .notice.notification-overlay { - background: #eee; + background: #f0f0f1; z-index: 500000; position: fixed; overflow: visible; @@ -1842,7 +1842,7 @@ body.full-overlay-active { .install-theme-info .theme-screenshot { margin: 15px 0; width: 258px; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; } .install-theme-info .theme-details { @@ -1855,7 +1855,7 @@ body.full-overlay-active { .theme-details .theme-description { float: left; - color: #72777c; + color: #787c82; line-height: 1.6; max-width: 100%; } @@ -1866,24 +1866,24 @@ body.full-overlay-active { } .theme-install-overlay .wp-full-overlay-sidebar { - background: #eee; - border-right: 1px solid #ddd; + background: #f0f0f1; + border-right: 1px solid #dcdcde; } .theme-install-overlay .wp-full-overlay-sidebar-content { background: #fff; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + border-top: 1px solid #dcdcde; + border-bottom: 1px solid #dcdcde; } .theme-install-overlay .wp-full-overlay-main { position: absolute; z-index: 0; - background-color: #f1f1f1; + background-color: #f0f0f1; } .customize-loading #customize-container { - background-color: #f1f1f1; + background-color: #f0f0f1; } #customize-preview.wp-full-overlay-main:before, diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css index 25711b31b3..a1d582e687 100644 --- a/src/wp-admin/css/widgets.css +++ b/src/wp-admin/css/widgets.css @@ -16,7 +16,7 @@ .widget-top { font-size: 13px; font-weight: 600; - background: #f7f7f7; + background: #f6f7f7; } .widget-top .widget-action { @@ -54,12 +54,12 @@ .in-widget-title, #widgets-right a.widget-control-edit, #available-widgets .widget-description { - color: #666; + color: #646970; } .deleting .widget-title, .deleting .widget-top .widget-action .toggle-indicator:before { - color: #a0a5aa; + color: #a7aaad; } /* Media Widgets */ @@ -91,7 +91,7 @@ .media-widget-control .attachment-media-view .button-add-media, .media-widget-control .placeholder { - border: 1px dashed #b4b9be; + border: 1px dashed #c3c4c7; box-sizing: border-box; cursor: pointer; line-height: 1.6; @@ -103,19 +103,19 @@ .media-widget-control .attachment-media-view .button-add-media { cursor: pointer; - background-color: #edeff0; - color: #32373c; + background-color: #f0f0f1; + color: #2c3338; } .media-widget-control .attachment-media-view .button-add-media:hover { - background-color: #fbfbfc; + background-color: #fff; } .media-widget-control .attachment-media-view .button-add-media:focus { - background-color: #fbfbfc; + background-color: #fff; border-style: solid; - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; @@ -138,7 +138,7 @@ .media-widget-control .media-widget-preview img { max-width: 100%; vertical-align: middle; - background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); + background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7); background-position: 0 0, 10px 10px; background-size: 20px 20px; } @@ -168,7 +168,7 @@ display: inline-block; min-height: 132px; width: 100%; - background: black; + background: #000; } .media-widget-video-link .dashicons { @@ -176,7 +176,7 @@ position: relative; width: 100%; top: -90px; - color: white; + color: #fff; text-decoration: none; } @@ -186,7 +186,7 @@ .media-frame #embed-url-field.invalid, .media-widget-image-link > .link:invalid { - border: 1px solid #dc3232; + border: 1px solid #d63638; } .media-widget-image-link { @@ -206,7 +206,7 @@ } .media-widget-preview .placeholder { - background: #f1f1f1; + background: #f0f0f1; } .media-widget-gallery-preview .gallery-item { @@ -258,7 +258,7 @@ .media-widget-gallery-preview .gallery-icon-placeholder-text { font-weight: 600; font-size: 2em; - color: white; + color: #fff; } @@ -272,7 +272,7 @@ } .widget-placeholder { - border: 1px dashed #b4b9be; + border: 1px dashed #c3c4c7; margin: 0 auto 10px; height: 45px; width: 100%; @@ -338,8 +338,8 @@ .sidebar-name .handlediv:focus .toggle-indicator:before { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } .sidebar-name h2, @@ -354,12 +354,12 @@ padding: 0 0 15px; margin: 0; font-style: normal; - color: #72777c; + color: #787c82; } .widget-holder .description, .inactive-sidebar .description { - color: #555d66; + color: #50575e; } #widgets-right .widgets-holder-wrap .description { @@ -512,7 +512,7 @@ div#widgets-right .closed .widgets-sortables { /* Dragging a widget over a closed sidebar */ #widgets-right .widgets-holder-wrap.widget-hover { - border-color: #72777c; + border-color: #787c82; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } @@ -534,7 +534,7 @@ div#widgets-right .closed .widgets-sortables { .widgets_access #widgets-left .widget .widget-top:hover, .widgets_access #widgets-right .widget .widget-top:hover { - border-color: #ddd; + border-color: #dcdcde; } #available-widgets .widget-control-edit .edit, @@ -548,19 +548,19 @@ div#widgets-right .closed .widgets-sortables { .widget-control-edit { display: block; - color: #666; - background: #EEE; + color: #646970; + background: #f0f0f1; padding: 0 15px; line-height: 3.30769230; - border-left: 1px solid #DDD; + border-left: 1px solid #dcdcde; } #widgets-left .widget-control-edit:hover, #widgets-right .widget-control-edit:hover { color: #fff; - background: #444; + background: #3c434a; border-left: 0; - outline: 1px solid #444; + outline: 1px solid #3c434a; } .widgets-holder-wrap .sidebar-name, @@ -616,11 +616,11 @@ div#widgets-right .closed .widgets-sortables { padding-left: 15px; font-size: 12px; line-height: 1; - color: black; + color: #000; } .js #removing-widget { - color: #00a0d2; + color: #72aee6; } .widget-control-noform, @@ -672,7 +672,7 @@ div#widgets-right .closed .widgets-sortables { #available-widgets .widget-top:hover, div#widgets-right .widget-top:hover, #widgets-left .widget-top:hover { - border-color: #999; + border-color: #8c8f94; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } @@ -688,11 +688,11 @@ div#widgets-right .widget-top:hover, } .widgets-chooser ul { - border: 1px solid #ccc; + border: 1px solid #c3c4c7; } .widgets-chooser li { - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #c3c4c7; background: #fff; margin: 0; position: relative; @@ -721,7 +721,7 @@ div#widgets-right .widget-top:hover, } .widgets-chooser .widgets-chooser-selected .widgets-chooser-button { - background: #0073aa; + background: #2271b1; color: #fff; } @@ -773,7 +773,7 @@ div#widgets-right .widget-top:hover, } .custom-html-widget-fields > p > .CodeMirror { - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; } .custom-html-widget-fields code { padding-top: 1px; diff --git a/src/wp-admin/includes/misc.php b/src/wp-admin/includes/misc.php index e13a46bc91..61d7698310 100644 --- a/src/wp-admin/includes/misc.php +++ b/src/wp-admin/includes/misc.php @@ -1004,8 +1004,8 @@ function wp_color_scheme_settings() { } else { // Fall back to the default set of icon colors if the default scheme is missing. $icon_colors = array( - 'base' => '#a0a5aa', - 'focus' => '#00a0d2', + 'base' => '#a7aaad', + 'focus' => '#72aee6', 'current' => '#fff', ); } diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css index 0ad0dcb198..30a048ad5d 100644 --- a/src/wp-includes/css/admin-bar.css +++ b/src/wp-includes/css/admin-bar.css @@ -34,7 +34,7 @@ html:lang(he-il) .rtl #wpadminbar * { #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { - color: #eee; + color: #f0f0f1; } #wpadminbar #wp-admin-bar-site-name a.ab-item, @@ -77,7 +77,7 @@ html:lang(he-il) .rtl #wpadminbar * { #wpadminbar { direction: ltr; - color: #ccc; + color: #c3c4c7; font-size: 13px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; @@ -89,7 +89,7 @@ html:lang(he-il) .rtl #wpadminbar * { width: 100%; min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */ z-index: 99999; - background: #23282d; + background: #1d2327; } #wpadminbar .ab-sub-wrapper, @@ -143,7 +143,7 @@ html:lang(he-il) .rtl #wpadminbar * { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: #32373c; + background: #2c3338; display: none; position: absolute; float: none; @@ -211,14 +211,14 @@ html:lang(he-il) .rtl #wpadminbar * { #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item { - background: #32373c; - color: #00b9eb; + background: #2c3338; + color: #72aee6; } #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label { - color: #00b9eb; + color: #72aee6; } #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, @@ -239,8 +239,8 @@ html:lang(he-il) .rtl #wpadminbar * { #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar #adminbarsearch:before { - color: #a0a5aa; - color: rgba(240, 245, 250, 0.6); + color: #a7aaad; + color: rgba(240, 246, 252, 0.6); } #wpadminbar .ab-icon:before, @@ -256,16 +256,16 @@ html:lang(he-il) .rtl #wpadminbar * { } #wpadminbar .ab-submenu .ab-item { - color: #b4b9be; - color: rgba(240, 245, 250, 0.7); + color: #c3c4c7; + color: rgba(240, 246, 252, 0.7); } #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a { - color: #b4b9be; - color: rgba(240, 245, 250, 0.7); + color: #c3c4c7; + color: rgba(240, 246, 252, 0.7); } #wpadminbar .quicklinks .menupop ul li a:hover, @@ -288,17 +288,17 @@ html:lang(he-il) .rtl #wpadminbar * { #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li #adminbarsearch.adminbar-focused:before { - color: #00b9eb; + color: #72aee6; } #wpadminbar.mobile .quicklinks .ab-icon:before, #wpadminbar.mobile .quicklinks .ab-item:before { - color: #b4b9be; + color: #c3c4c7; } #wpadminbar.mobile .quicklinks .hover .ab-icon:before, #wpadminbar.mobile .quicklinks .hover .ab-item:before { - color: #00b9eb; + color: #72aee6; } #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before, @@ -344,17 +344,17 @@ html:lang(he-il) .rtl #wpadminbar * { #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { - background: #464b50; + background: #3c434a; } #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a { - color: #00b9eb; + color: #72aee6; } #wpadminbar .quicklinks a span#ab-updates { - background: #eee; - color: #32373c; + background: #f0f0f1; + color: #2c3338; display: inline; padding: 2px 5px; font-size: 10px; @@ -381,7 +381,7 @@ html:lang(he-il) .rtl #wpadminbar * { */ #wpadminbar #wp-admin-bar-recovery-mode { color: #fff; - background-color: #ca4a1f; + background-color: #d63638; } #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item, @@ -389,7 +389,7 @@ html:lang(he-il) .rtl #wpadminbar * { #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item, #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus { color: #fff; - background-color: #c0461e; + background-color: #d63638; } /** @@ -461,7 +461,7 @@ html:lang(he-il) .rtl #wpadminbar * { } #wpadminbar #wp-admin-bar-user-info .username { - color: #a0a5aa; + color: #a7aaad; font-size: 11px; } @@ -470,8 +470,8 @@ html:lang(he-il) .rtl #wpadminbar * { width: auto; height: 16px; padding: 0; - border: 1px solid #82878c; - background: #eee; + border: 1px solid #8c8f94; + background: #f0f0f1; line-height: 1.84615384; vertical-align: middle; margin: -4px 0 0 6px; @@ -508,13 +508,13 @@ html:lang(he-il) .rtl #wpadminbar * { speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - color: #eee; + color: #f0f0f1; } #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .quicklinks li a:focus .blavatar, #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar { - color: #00b9eb; + color: #72aee6; } #wpadminbar .quicklinks li .blavatar:before { @@ -631,7 +631,7 @@ html:lang(he-il) .rtl #wpadminbar * { max-width: none; padding: 0 3px 0 24px; margin: 0; - color: #ccc; + color: #c3c4c7; background-color: rgba(255, 255, 255, 0); border: none; outline: none; @@ -700,8 +700,8 @@ html:lang(he-il) .rtl #wpadminbar * { font-size: 14px; font-weight: 600; padding: 15px 23px 14px; - background: #f1f1f1; - color: #0073aa; + background: #f0f0f1; + color: #2271b1; z-index: 100000; line-height: normal; text-decoration: none; @@ -822,7 +822,7 @@ html:lang(he-il) .rtl #wpadminbar * { overflow: hidden; width: 52px; padding: 0; - color: #a0a5aa; /* @todo not needed? this text is hidden */ + color: #a7aaad; /* @todo not needed? this text is hidden */ position: relative; } @@ -928,7 +928,7 @@ html:lang(he-il) .rtl #wpadminbar * { height: auto; font-size: 16px; line-height: 1.5; - color: #eee; + color: #f0f0f1; } #wpadminbar #wp-admin-bar-user-info a { diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index 904633a0fe..c651cab406 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -115,9 +115,9 @@ TABLE OF CONTENTS: .wp-core-ui .button, .wp-core-ui .button-secondary { - color: #0071a1; - border-color: #0071a1; - background: #f3f5f6; + color: #2271b1; + border-color: #2271b1; + background: #f6f7f7; vertical-align: top; } @@ -128,18 +128,18 @@ TABLE OF CONTENTS: .wp-core-ui .button.hover, .wp-core-ui .button:hover, .wp-core-ui .button-secondary:hover{ - background: #f1f1f1; - border-color: #016087; - color: #016087; + background: #f0f0f1; + border-color: #0a4b78; + color: #0a4b78; } .wp-core-ui .button.focus, .wp-core-ui .button:focus, .wp-core-ui .button-secondary:focus { - background: #f3f5f6; - border-color: #007cba; - color: #016087; - box-shadow: 0 0 0 1px #007cba; + background: #f6f7f7; + border-color: #3582c4; + color: #0a4b78; + box-shadow: 0 0 0 1px #3582c4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; /* Reset inherited offset from Gutenberg */ @@ -149,25 +149,25 @@ TABLE OF CONTENTS: /* :active state */ .wp-core-ui .button:active, .wp-core-ui .button-secondary:active { - background: #f3f5f6; - border-color: #7e8993; + background: #f6f7f7; + border-color: #8c8f94; box-shadow: none; } /* pressed state e.g. a selected setting */ .wp-core-ui .button.active, .wp-core-ui .button.active:hover { - background-color: #e2e4e7; - color: #00669b; - border-color: #016087; - box-shadow: inset 0 2px 5px -3px #016087; + background-color: #dcdcde; + color: #135e96; + border-color: #0a4b78; + box-shadow: inset 0 2px 5px -3px #0a4b78; } .wp-core-ui .button.active:focus { - border-color: #007cba; + border-color: #3582c4; box-shadow: - inset 0 2px 5px -3px #016087, - 0 0 0 1px #007cba; + inset 0 2px 5px -3px #0a4b78, + 0 0 0 1px #3582c4; } .wp-core-ui .button[disabled], @@ -177,9 +177,9 @@ TABLE OF CONTENTS: .wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled, .wp-core-ui .button-disabled { - color: #a0a5aa !important; - border-color: #ddd !important; - background: #f7f7f7 !important; + color: #a7aaad !important; + border-color: #dcdcde !important; + background: #f6f7f7 !important; box-shadow: none !important; cursor: default; transform: none !important; @@ -196,7 +196,7 @@ TABLE OF CONTENTS: cursor: pointer; text-align: left; /* Mimics the default link style in common.css */ - color: #0073aa; + color: #2271b1; text-decoration: underline; transition-property: border, background, color; transition-duration: .05s; @@ -205,25 +205,25 @@ TABLE OF CONTENTS: .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active { - color: #006799; + color: #135e96; } .wp-core-ui .button-link:focus { - color: #124964; + color: #043959; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } .wp-core-ui .button-link-delete { - color: #a00; + color: #d63638; } .wp-core-ui .button-link-delete:hover, .wp-core-ui .button-link-delete:focus { - color: #dc3232; + color: #d63638; background: transparent; } @@ -238,8 +238,8 @@ TABLE OF CONTENTS: ---------------------------------------------------------------------------- */ .wp-core-ui .button-primary { - background: #007cba; - border-color: #007cba; + background: #3582c4; + border-color: #3582c4; color: #fff; text-decoration: none; text-shadow: none; @@ -249,8 +249,8 @@ TABLE OF CONTENTS: .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus { - background: #0071a1; - border-color: #0071a1; + background: #2271b1; + border-color: #2271b1; color: #fff; } @@ -258,15 +258,15 @@ TABLE OF CONTENTS: .wp-core-ui .button-primary:focus { box-shadow: 0 0 0 1px #fff, - 0 0 0 3px #007cba; + 0 0 0 3px #3582c4; } .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:hover, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary:active { - background: #00669b; - border-color: #00669b; + background: #135e96; + border-color: #135e96; box-shadow: none; color: #fff; } @@ -275,9 +275,9 @@ TABLE OF CONTENTS: .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary-disabled, .wp-core-ui .button-primary.disabled { - color: #a0a5aa !important; - background: #f7f7f7 !important; - border-color: #ddd !important; + color: #a7aaad !important; + background: #f6f7f7 !important; + border-color: #dcdcde !important; box-shadow: none !important; text-shadow: none !important; cursor: default; @@ -320,17 +320,17 @@ TABLE OF CONTENTS: /* pressed state e.g. a selected setting */ .wp-core-ui .button-group > .button.active { - background-color: #e2e4e7; - color: #00669b; - border-color: #016087; - box-shadow: inset 0 2px 5px -3px #016087; + background-color: #dcdcde; + color: #135e96; + border-color: #0a4b78; + box-shadow: inset 0 2px 5px -3px #0a4b78; } .wp-core-ui .button-group > .button.active:focus { - border-color: #007cba; + border-color: #3582c4; box-shadow: - inset 0 2px 5px -3px #016087, - 0 0 0 1px #007cba; + inset 0 2px 5px -3px #0a4b78, + 0 0 0 1px #3582c4; } /* ---------------------------------------------------------------------------- diff --git a/src/wp-includes/css/customize-preview.css b/src/wp-includes/css/customize-preview.css index 84da65319e..6bdf302672 100644 --- a/src/wp-includes/css/customize-preview.css +++ b/src/wp-includes/css/customize-preview.css @@ -44,10 +44,10 @@ line-height: 1 !important; font-size: 18px; z-index: 5; - background: #0085ba !important; + background: #3582c4 !important; border-radius: 50%; border: 2px solid #fff; - box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); + box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15); text-align: center; cursor: pointer; box-sizing: border-box; @@ -57,10 +57,10 @@ opacity: 0; pointer-events: none; text-shadow: - 0 -1px 1px #006799, - 1px 0 1px #006799, - 0 1px 1px #006799, - -1px 0 1px #006799; + 0 -1px 1px #135e96, + 1px 0 1px #135e96, + 0 1px 1px #135e96, + -1px 0 1px #135e96; } .wp-custom-header .customize-partial-edit-shortcut button { left: 2px @@ -76,11 +76,11 @@ } .customize-partial-edit-shortcut button:hover { - background: #008ec2 !important; /* matches primary buttons */ + background: #4f94d4 !important; /* matches primary buttons */ } .customize-partial-edit-shortcut button:focus { - box-shadow: 0 0 0 2px #008ec2; + box-shadow: 0 0 0 2px #4f94d4; } body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button { diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css index b82cec86f3..6704822f3d 100644 --- a/src/wp-includes/css/editor.css +++ b/src/wp-includes/css/editor.css @@ -44,14 +44,14 @@ } .mce-window .mce-window-head { - background: #fcfcfc; - border-bottom: 1px solid #ddd; + background: #fff; + border-bottom: 1px solid #dcdcde; padding: 0; min-height: 36px; } .mce-window .mce-window-head .mce-title { - color: #444; + color: #3c434a; font-size: 18px; font-weight: 600; line-height: 36px; @@ -74,7 +74,7 @@ .mce-window-head .mce-close .mce-i-remove:before { font: normal 20px/36px dashicons; text-align: center; - color: #666; + color: #646970; width: 36px; height: 36px; display: block; @@ -82,13 +82,13 @@ .mce-window-head .mce-close:hover .mce-i-remove:before, .mce-window-head .mce-close:focus .mce-i-remove:before { - color: #006799; + color: #135e96; } .mce-window-head .mce-close:focus .mce-i-remove, div.mce-tab:focus { - 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(79, 148, 212, 0.8); } .mce-window .mce-window-head .mce-dragh { @@ -96,13 +96,13 @@ div.mce-tab:focus { } .mce-window .mce-foot { - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } .mce-textbox, .mce-checkbox i.mce-i-checkbox, #wp-link .query-results { - border: 1px solid #ddd; + border: 1px solid #dcdcde; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); transition: .05s all ease-in-out; @@ -112,8 +112,8 @@ div.mce-tab:focus { .mce-textbox.mce-focus, .mce-checkbox:focus i.mce-i-checkbox, #wp-link .query-results:focus { - border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); + border-color: #4f94d4; + box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); } .mce-window .mce-wp-help { @@ -188,7 +188,7 @@ div.mce-tab:focus { padding: 2px 7px 3px; font-weight: 600; margin: 0; - background: #eaeaea; + background: #f0f0f1; background: rgba(0, 0, 0, 0.08); } @@ -235,7 +235,7 @@ div.mce-panel { } .mce-panel.mce-menu { - border: 1px solid #ddd; + border: 1px solid #dcdcde; } div.mce-tab { @@ -244,14 +244,14 @@ div.mce-tab { /* TinyMCE toolbars */ div.mce-toolbar-grp { - border-bottom: 1px solid #ddd; - background: #f5f5f5; + border-bottom: 1px solid #dcdcde; + background: #f6f7f7; padding: 0; position: relative; } div.mce-inline-toolbar-grp { - border: 1px solid #a0a5aa; + border: 1px solid #a7aaad; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; @@ -287,28 +287,28 @@ div.mce-inline-toolbar-grp:after { div.mce-inline-toolbar-grp.mce-arrow-up:before { top: -9px; - border-bottom-color: #a0a5aa; + border-bottom-color: #a7aaad; border-width: 0 9px 9px; margin-left: -9px; } div.mce-inline-toolbar-grp.mce-arrow-down:before { bottom: -9px; - border-top-color: #a0a5aa; + border-top-color: #a7aaad; border-width: 9px 9px 0; margin-left: -9px; } div.mce-inline-toolbar-grp.mce-arrow-up:after { top: -8px; - border-bottom-color: #f5f5f5; + border-bottom-color: #f6f7f7; border-width: 0 8px 8px; margin-left: -8px; } div.mce-inline-toolbar-grp.mce-arrow-down:after { bottom: -8px; - border-top-color: #f5f5f5; + border-top-color: #f6f7f7; border-width: 8px 8px 0; margin-left: -8px; } @@ -370,7 +370,7 @@ div.mce-toolbar-grp > div { } div.mce-statusbar { - border-top: 1px solid #e5e5e5; + border-top: 1px solid #dcdcde; } div.mce-path { @@ -409,9 +409,9 @@ div.mce-path { .mce-toolbar .mce-btn-group .mce-btn:focus, .qt-dfw:hover, .qt-dfw:focus { - background: #fafafa; - border-color: #555d66; - color: #23282d; + background: #f6f7f7; + border-color: #50575e; + color: #1d2327; box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); outline: none; } @@ -419,8 +419,8 @@ div.mce-path { .mce-toolbar .mce-btn-group .mce-btn.mce-active, .mce-toolbar .mce-btn-group .mce-btn:active, .qt-dfw.active { - background: #ebebeb; - border-color: #555d66; + background: #f0f0f1; + border-color: #50575e; box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3); } @@ -434,20 +434,20 @@ div.mce-path { .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus { - border-color: #23282d; + border-color: #1d2327; } .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { - color: #a0a5aa; + color: #a7aaad; background: none; - border-color: #ddd; + border-color: #dcdcde; text-shadow: 0 1px 0 #fff; box-shadow: none; } .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { - border-color: #555d66; + border-color: #50575e; } .mce-toolbar .mce-btn-group .mce-first, @@ -488,14 +488,14 @@ div.mce-path { left: 3px; height: 3px; width: 20px; - background: #555d66; + background: #50575e; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary { min-width: 0; - background: #0085ba; - border-color: #0073aa #006799 #006799; - box-shadow: 0 1px 0 #006799; + background: #3582c4; + border-color: #2271b1 #135e96 #135e96; + box-shadow: 0 1px 0 #135e96; color: #fff; text-decoration: none; text-shadow: none; @@ -512,19 +512,19 @@ div.mce-path { .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { - background: #008ec2; - border-color: #006799; + background: #4f94d4; + border-color: #135e96; color: #fff; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { - box-shadow: 0 0 1px 1px #33b3db; + box-shadow: 0 0 1px 1px #72aee6; } .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active { - background: #0073aa; - border-color: #006799; - box-shadow: inset 0 2px 0 #006799; + background: #2271b1; + border-color: #135e96; + box-shadow: inset 0 2px 0 #135e96; } /* mce listbox */ @@ -532,17 +532,17 @@ div.mce-path { border-radius: 0; direction: ltr; background: #fff; - border: 1px solid #ddd; + border: 1px solid #dcdcde; box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2); } .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus { - border-color: #b4b9be; + border-color: #c3c4c7; } .mce-panel .mce-btn i.mce-caret { - border-top: 6px solid #555d66; + border-top: 6px solid #50575e; margin-left: 2px; margin-right: 2px; } @@ -553,12 +553,12 @@ div.mce-path { .mce-panel .mce-btn:hover i.mce-caret, .mce-panel .mce-btn:focus i.mce-caret { - border-top-color: #23282d; + border-top-color: #1d2327; } .mce-panel .mce-active i.mce-caret { border-top: 0; - border-bottom: 6px solid #23282d; + border-bottom: 6px solid #1d2327; margin-top: 7px; } @@ -580,7 +580,7 @@ div.mce-path { .mce-menu .mce-menu-item:focus, .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview { - background: #0073aa; /* See color scheme. */ + background: #2271b1; /* See color scheme. */ color: #fff; } @@ -617,12 +617,12 @@ div.mce-path { } .mce-menu .mce-menu-item.mce-disabled:hover { - background: #ccc; + background: #c3c4c7; } /* Menubar */ div.mce-menubar { - border-color: #e5e5e5; + border-color: #dcdcde; background: #fff; border-width: 0px 0px 1px; } @@ -635,15 +635,15 @@ div.mce-menubar { } .mce-menubar .mce-menubtn:focus { - color: #124964; + color: #043959; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); } div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; height: 0px; margin: 5px 0; } @@ -678,8 +678,8 @@ div.mce-menu .mce-menu-item-sep, } .mce-window .mce-btn { - color: #555; - background: #f7f7f7; + color: #50575e; + background: #f6f7f7; text-decoration: none; font-size: 13px; line-height: 26px; @@ -687,11 +687,11 @@ div.mce-menu .mce-menu-item-sep, margin: 0; padding: 0; cursor: pointer; - border: 1px solid #cccccc; + border: 1px solid #c3c4c7; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; - box-shadow: 0 1px 0 #cccccc; + box-shadow: 0 1px 0 #c3c4c7; } /* Remove the dotted border on :focus and the extra padding in Firefox */ @@ -703,27 +703,27 @@ div.mce-menu .mce-menu-item-sep, .mce-window .mce-btn:hover, .mce-window .mce-btn:focus { - background: #fafafa; - border-color: #999; - color: #23282d; + background: #f6f7f7; + border-color: #8c8f94; + color: #1d2327; } .mce-window .mce-btn:focus { - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); } .mce-window .mce-btn:active { - background: #eee; - border-color: #999; + background: #f0f0f1; + border-color: #8c8f94; box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); transform: translateY(1px); } .mce-window .mce-btn.mce-disabled { - color: #a0a5aa !important; - border-color: #ddd !important; - background: #f7f7f7 !important; + color: #a7aaad !important; + border-color: #dcdcde !important; + background: #f6f7f7 !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; @@ -731,40 +731,40 @@ div.mce-menu .mce-menu-item-sep, } .mce-window .mce-btn.mce-primary { - background: #0085ba; - border-color: #0073aa #006799 #006799; - box-shadow: 0 1px 0 #006799; + background: #3582c4; + border-color: #2271b1 #135e96 #135e96; + box-shadow: 0 1px 0 #135e96; color: #fff; text-decoration: none; - text-shadow: 0 -1px 1px #006799, - 1px 0 1px #006799, - 0 1px 1px #006799, - -1px 0 1px #006799; + text-shadow: 0 -1px 1px #135e96, + 1px 0 1px #135e96, + 0 1px 1px #135e96, + -1px 0 1px #135e96; } .mce-window .mce-btn.mce-primary:hover, .mce-window .mce-btn.mce-primary:focus { - background: #008ec2; - border-color: #006799; + background: #4f94d4; + border-color: #135e96; color: #fff; } .mce-window .mce-btn.mce-primary:focus { - box-shadow: 0 1px 0 #0073aa, - 0 0 2px 1px #33b3db; + box-shadow: 0 1px 0 #2271b1, + 0 0 2px 1px #72aee6; } .mce-window .mce-btn.mce-primary:active { - background: #0073aa; - border-color: #006799; - box-shadow: inset 0 2px 0 #006799; + background: #2271b1; + border-color: #135e96; + box-shadow: inset 0 2px 0 #135e96; vertical-align: top; } .mce-window .mce-btn.mce-primary.mce-disabled { - color: #66c6e4 !important; - background: #008ec2 !important; - border-color: #007cb2 !important; + color: #9ec2e6 !important; + background: #4f94d4 !important; + border-color: #3582c4 !important; box-shadow: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; cursor: default; @@ -783,12 +783,12 @@ div.mce-menu .mce-menu-item-sep, .mce-charmap td { padding: 0; - border-color: #ddd; + border-color: #dcdcde; cursor: pointer; } .mce-charmap td:hover { - background: #f3f3f3; + background: #f6f7f7; } .mce-charmap td div { @@ -819,7 +819,7 @@ div.mce-menu .mce-menu-item-sep, } .mce-toolbar .mce-ico { - color: #555d66; + color: #50575e; line-height: 1; width: 20px; height: 20px; @@ -830,7 +830,7 @@ div.mce-menu .mce-menu-item-sep, } .qt-dfw { - color: #555d66; + color: #50575e; line-height: 1; width: 28px; height: 26px; @@ -845,7 +845,7 @@ div.mce-menu .mce-menu-item-sep, .mce-toolbar .mce-btn:hover .mce-open, .mce-toolbar .mce-btn:focus .mce-open, .mce-toolbar .mce-btn.mce-active .mce-open { - border-left-color: #23282d; + border-left-color: #1d2327; } div.mce-notification { @@ -857,7 +857,7 @@ div.mce-notification { right: 6px; top: 3px; font-weight: 400; - color: #555d66; + color: #50575e; } .mce-notification button.mce-close:hover, @@ -1081,7 +1081,7 @@ i.mce-i-wp_code:before { .wp-editor-container { clear: both; - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; } .wp-editor-area { @@ -1120,23 +1120,23 @@ i.mce-i-wp_code:before { box-sizing: content-box; position: relative; top: 1px; - background: #ebebeb; - color: #666; + background: #f0f0f1; + color: #646970; cursor: pointer; font-size: 13px; line-height: 1.46153846; height: 20px; margin: 5px 0 0 5px; padding: 3px 8px 4px; - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; } .wp-switch-editor:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); outline: none; - color: #23282d; + color: #1d2327; } .wp-switch-editor:active, @@ -1146,7 +1146,7 @@ i.mce-i-wp_code:before { } .wp-switch-editor:active { - background-color: #f5f5f5; + background-color: #f6f7f7; box-shadow: none; } @@ -1160,9 +1160,9 @@ i.mce-i-wp_code:before { .tmce-active .switch-tmce, .html-active .switch-html { - background: #f5f5f5; - color: #555; - border-bottom-color: #f5f5f5; + background: #f6f7f7; + color: #50575e; + border-bottom-color: #f6f7f7; } .wp-media-buttons { @@ -1189,7 +1189,7 @@ i.mce-i-wp_code:before { .wp-media-buttons a { text-decoration: none; - color: #444; + color: #3c434a; font-size: 12px; } @@ -1230,8 +1230,8 @@ i.mce-i-wp_code:before { .quicktags-toolbar { padding: 3px; position: relative; - border-bottom: 1px solid #ddd; - background: #f5f5f5; + border-bottom: 1px solid #dcdcde; + background: #f6f7f7; min-height: 30px; } @@ -1339,8 +1339,8 @@ i.mce-i-wp_code:before { #wp_delimgbtn, #wp_editgallery, #wp_delgallery { - border-color: #999; - background-color: #eee; + border-color: #8c8f94; + background-color: #f0f0f1; margin: 2px; padding: 2px; border-width: 1px; @@ -1352,8 +1352,8 @@ i.mce-i-wp_code:before { #wp_delimgbtn:hover, #wp_editgallery:hover, #wp_delgallery:hover { - border-color: #555; - background-color: #ccc; + border-color: #50575e; + background-color: #c3c4c7; } /*------------------------------------------------------------------------------ @@ -1408,8 +1408,8 @@ i.mce-i-wp_code:before { } #link-modal-title { - background: #fcfcfc; - border-bottom: 1px solid #ddd; + background: #fff; + border-bottom: 1px solid #dcdcde; height: 36px; font-size: 18px; font-weight: 600; @@ -1419,7 +1419,7 @@ i.mce-i-wp_code:before { } #wp-link-close { - color: #666; + color: #646970; padding: 0; position: absolute; top: 0; @@ -1445,14 +1445,14 @@ i.mce-i-wp_code:before { #wp-link-close:hover, #wp-link-close:focus { - color: #006799; + color: #135e96; } #wp-link-close:focus { outline: none; box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; @@ -1536,7 +1536,7 @@ i.mce-i-wp_code:before { } #wp-link .query-results { - border: 1px #dfdfdf solid; + border: 1px #dcdcde solid; margin: 0 0 12px; background: #fff; overflow: auto; @@ -1554,8 +1554,8 @@ i.mce-i-wp_code:before { #wp-link li { clear: both; margin-bottom: 0; - border-bottom: 1px solid #f1f1f1; - color: #32373c; + border-bottom: 1px solid #f0f0f1; + color: #2c3338; padding: 4px 6px 4px 10px; cursor: pointer; position: relative; @@ -1563,8 +1563,8 @@ i.mce-i-wp_code:before { #wp-link .query-notice { padding: 0; - border-bottom: 1px solid #dfdfdf; - background-color: #f7fcfe; + border-bottom: 1px solid #dcdcde; + background-color: #fff; color: #000; } @@ -1572,19 +1572,19 @@ i.mce-i-wp_code:before { #wp-link .query-notice .query-notice-hint { display: block; padding: 6px; - border-left: 4px solid #00a0d2; + border-left: 4px solid #72aee6; } #wp-link .unselectable.no-matches-found { padding: 0; - border-bottom: 1px solid #dfdfdf; - background-color: #fef7f1; + border-bottom: 1px solid #dcdcde; + background-color: #f6f7f7; } #wp-link .no-matches-found .item-title { display: block; padding: 6px; - border-left: 4px solid #d54e21; + border-left: 4px solid #d63638; } #wp-link .query-results em { @@ -1592,23 +1592,23 @@ i.mce-i-wp_code:before { } #wp-link li:hover { - background: #eaf2fa; - color: #151515; + background: #f0f6fc; + color: #101517; } #wp-link li.unselectable { - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #dcdcde; } #wp-link li.unselectable:hover { background: #fff; cursor: auto; - color: #32373c; + color: #2c3338; } #wp-link li.selected { - background: #ddd; - color: #32373c; + background: #dcdcde; + color: #2c3338; } #wp-link li.selected .item-title { @@ -1628,7 +1628,7 @@ i.mce-i-wp_code:before { #wp-link .item-info { text-transform: uppercase; - color: #666; + color: #646970; font-size: 11px; position: absolute; right: 5px; @@ -1642,8 +1642,8 @@ i.mce-i-wp_code:before { #wp-link .submitbox { padding: 8px 16px; - background: #fcfcfc; - border-top: 1px solid #ddd; + background: #fff; + border-top: 1px solid #dcdcde; position: absolute; bottom: 0; left: 0; @@ -1754,7 +1754,7 @@ div.wp-link-preview { } div.wp-link-preview a { - color: #0073aa; + color: #2271b1; text-decoration: underline; transition-property: border, background, color; transition-duration: .05s; @@ -1763,7 +1763,7 @@ div.wp-link-preview a { } div.wp-link-preview a.wplink-url-error { - color: #dc3232; + color: #d63638; } div.wp-link-input { @@ -1798,8 +1798,8 @@ div.wp-link-input input { margin: 0; list-style: none; position: absolute; - border: 1px solid #5b9dd9; - box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8); + border: 1px solid #4f94d4; + box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8); background-color: #fff; } @@ -1816,7 +1816,7 @@ div.wp-link-input input { } .ui-autocomplete.wplink-autocomplete li.ui-state-focus { - background-color: #ddd; + background-color: #dcdcde; cursor: pointer; } diff --git a/src/wp-includes/css/jquery-ui-dialog.css b/src/wp-includes/css/jquery-ui-dialog.css index 5e78bbc5fe..e457b38ddd 100644 --- a/src/wp-includes/css/jquery-ui-dialog.css +++ b/src/wp-includes/css/jquery-ui-dialog.css @@ -193,10 +193,10 @@ border-radius: 3px; white-space: nowrap; box-sizing: border-box; - color: #555; - border-color: #cccccc; - background: #f7f7f7; - box-shadow: 0 1px 0 #cccccc; + color: #50575e; + border-color: #c3c4c7; + background: #f6f7f7; + box-shadow: 0 1px 0 #c3c4c7; vertical-align: top; } @@ -214,27 +214,27 @@ .ui-button:hover, .ui-button:focus { - background: #fafafa; - border-color: #999; - color: #23282d; + background: #f6f7f7; + border-color: #8c8f94; + color: #1d2327; } .ui-button:focus { - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); } .ui-button:active { - background: #eee; - border-color: #999; + background: #f0f0f1; + border-color: #8c8f94; box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } .ui-button[disabled], .ui-button:disabled { - color: #a0a5aa !important; - border-color: #ddd !important; - background: #f7f7f7 !important; + color: #a7aaad !important; + border-color: #dcdcde !important; + background: #f6f7f7 !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; @@ -267,8 +267,8 @@ } .ui-dialog-titlebar { - background: #fcfcfc; - border-bottom: 1px solid #dfdfdf; + background: #fff; + border-bottom: 1px solid #dcdcde; height: 36px; font-size: 18px; font-weight: 600; @@ -280,7 +280,7 @@ background: none; border: none; box-shadow: none; - color: #666; + color: #646970; cursor: pointer; display: block; padding: 0; @@ -308,13 +308,13 @@ .ui-button.ui-dialog-titlebar-close:hover, .ui-button.ui-dialog-titlebar-close:focus { - color: #006799; + color: #135e96; } .ui-button.ui-dialog-titlebar-close:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; @@ -326,8 +326,8 @@ } .ui-dialog-buttonpane { - background: #fcfcfc; - border-top: 1px solid #dfdfdf; + background: #fff; + border-top: 1px solid #dcdcde; padding: 16px; } diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 5a7a5b2f9c..5fa85fda7d 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -36,29 +36,29 @@ .media-frame a { border-bottom: none; - color: #0073aa; + color: #2271b1; } .media-frame a:hover, .media-frame a:active { - color: #006799; + color: #135e96; } .media-frame a:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); - color: #124964; + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); + color: #043959; /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } .media-frame a.button { - color: #32373c; + color: #2c3338; } .media-frame a.button:hover { - color: #23282d; + color: #1d2327; } .media-frame a.button-primary, @@ -95,9 +95,9 @@ .media-frame select { box-shadow: 0 0 0 transparent; border-radius: 4px; - border: 1px solid #7e8993; + border: 1px solid #8c8f94; background-color: #fff; - color: #32373c; + color: #2c3338; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } @@ -134,8 +134,8 @@ .media-frame input[type="url"]:focus, .media-frame textarea:focus, .media-frame select:focus { - border-color: #007cba; - box-shadow: 0 0 0 1px #007cba; + border-color: #3582c4; + box-shadow: 0 0 0 1px #3582c4; outline: 2px solid transparent; } @@ -143,7 +143,7 @@ .media-frame textarea:disabled, .media-frame input[readonly], .media-frame textarea[readonly] { - background-color: #eee; + background-color: #f0f0f1; } .media-frame input[type="search"] { @@ -151,16 +151,16 @@ } .media-frame ::-webkit-input-placeholder { - color: #72777c; + color: #787c82; } .media-frame ::-moz-placeholder { - color: #72777c; + color: #787c82; opacity: 1; } .media-frame :-ms-input-placeholder { - color: #72777c; + color: #787c82; } /* @@ -227,7 +227,7 @@ padding: 0; border: 1px solid transparent; background: none; - color: #666; + color: #646970; z-index: 1000; cursor: pointer; outline: none; @@ -236,13 +236,13 @@ .media-modal-close:hover, .media-modal-close:active { - color: #006799; + color: #135e96; } .media-modal-close:focus { - color: #006799; - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + color: #135e96; + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -269,7 +269,7 @@ overflow: auto; min-height: 300px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7); - background: #fcfcfc; + background: #fff; -webkit-font-smoothing: subpixel-antialiased; } @@ -301,7 +301,7 @@ z-index: 100; height: 60px; padding: 0 16px; - border: 0 solid #ddd; + border: 0 solid #dcdcde; overflow: hidden; } @@ -310,7 +310,7 @@ bottom: -47px; height: auto; overflow: visible; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } .media-toolbar-primary { @@ -348,8 +348,8 @@ width: 267px; padding: 0 16px; z-index: 75; - background: #f3f3f3; - border-left: 1px solid #ddd; + background: #f6f7f7; + border-left: 1px solid #dcdcde; overflow: auto; -webkit-overflow-scrolling: touch; } @@ -375,7 +375,7 @@ font-weight: 600; text-transform: uppercase; font-size: 12px; - color: #666; + color: #646970; margin: 24px 0 8px; } @@ -450,7 +450,7 @@ padding-top: 8px; line-height: 1.33333333; font-weight: 400; - color: #666; + color: #646970; } .media-sidebar .checkbox-label-inline { @@ -476,7 +476,7 @@ min-height: 0; line-height: 2.18181818; text-align: left; - color: #40860a; + color: #008a20; } .compat-item label span { @@ -604,10 +604,10 @@ bottom: 0; margin: 0; padding: 50px 0 10px; - background: #f3f3f3; + background: #f6f7f7; border-right-width: 1px; border-right-style: solid; - border-right-color: #ccc; + border-right-color: #c3c4c7; -webkit-user-select: none; -ms-user-select: none; user-select: none; @@ -624,7 +624,7 @@ font-size: 14px; line-height: 1.28571428; background: transparent; - color: #0073aa; + color: #2271b1; text-align: left; text-decoration: none; cursor: pointer; @@ -635,21 +635,21 @@ } .media-menu .media-menu-item:active { - color: #0073aa; + color: #2271b1; outline: none; } .media-menu .active, .media-menu .active:hover { - color: #23282d; + color: #1d2327; font-weight: 600; } .media-menu .media-menu-item:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); - color: #124964; + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); + color: #043959; /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } @@ -658,7 +658,7 @@ height: 0; margin: 12px 20px; padding: 0; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } /** @@ -692,19 +692,19 @@ .media-router .media-menu-item:hover, .media-router .media-menu-item:active { - color: #0073aa; + color: #2271b1; } .media-router .active, .media-router .active:hover { - color: #23282d; + color: #1d2327; } .media-router .media-menu-item:focus { box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); - color: #124964; + 0 0 0 1px #4f94d4, + 0 0 2px 1px rgba(79, 148, 212, 0.8); + color: #043959; /* Only visible in Windows High Contrast mode */ outline: 1px solid transparent; } @@ -713,7 +713,7 @@ .media-router .media-menu-item.active:last-child { margin: -1px -1px 0; background: #fff; - border: 1px solid #ddd; + border: 1px solid #dcdcde; border-bottom: none; } @@ -771,7 +771,7 @@ margin: 0; overflow: auto; background: #fff; - border-top: 1px solid #ddd; + border-top: 1px solid #dcdcde; } .media-frame-toolbar { @@ -910,7 +910,7 @@ margin: 32px 0 0; padding: 4px; font-size: 13px; - color: #444; + color: #3c434a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -webkit-appearance: none; } @@ -943,7 +943,7 @@ float: left; padding: 8px; margin: 0; - color: #444; + color: #3c434a; cursor: pointer; list-style: none; text-align: center; @@ -959,7 +959,7 @@ .wp-core-ui .attachment.details:focus { box-shadow: inset 0 0 2px 3px #fff, - inset 0 0 0 7px #5b9dd9; + inset 0 0 0 7px #4f94d4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -6px; @@ -968,13 +968,13 @@ .wp-core-ui .selected.attachment { box-shadow: inset 0 0 0 5px #fff, - inset 0 0 0 7px #ccc; + inset 0 0 0 7px #c3c4c7; } .wp-core-ui .attachment.details { box-shadow: inset 0 0 0 3px #fff, - inset 0 0 0 7px #0073aa; + inset 0 0 0 7px #2271b1; } .wp-core-ui .attachment-preview { @@ -982,7 +982,7 @@ box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.05); - background: #eee; + background: #f0f0f1; cursor: pointer; } @@ -1103,7 +1103,7 @@ top: 0; right: 0; outline: none; - background: #eee; + background: #f0f0f1; cursor: pointer; box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 0, 0, 0.15); } @@ -1127,10 +1127,10 @@ .wp-core-ui .attachment.details .check, .wp-core-ui .attachment.selected .check:focus, .wp-core-ui .media-frame.mode-grid .attachment.selected .check { - background-color: #0073aa; + background-color: #2271b1; box-shadow: 0 0 0 1px #fff, - 0 0 0 2px #0073aa; + 0 0 0 2px #2271b1; } .wp-core-ui .attachment.selected .check:focus { @@ -1239,7 +1239,7 @@ .uploader-inline .close:before { font: normal 30px/1 dashicons !important; - color: #555d66; + color: #50575e; display: inline-block; content: "\f335"; font-weight: 300; @@ -1247,8 +1247,8 @@ } .uploader-inline .close:focus { - outline: 1px solid #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + outline: 1px solid #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); } .attachments-browser.hide-sidebar .attachments, @@ -1262,7 +1262,7 @@ margin-top: 16px; line-height: 1.38461538; font-size: 13px; - color: #666; + color: #646970; } .attachments-browser .no-media { @@ -1278,7 +1278,7 @@ width: 70%; margin: 10px auto; border-radius: 10px; - background: #ddd; + background: #dcdcde; background: rgba(0, 0, 0, 0.1); } @@ -1286,7 +1286,7 @@ height: 10px; min-width: 20px; width: 0; - background: #0073aa; + background: #2271b1; border-radius: 10px; transition: width 300ms; } @@ -1322,7 +1322,7 @@ .media-uploader-status .upload-details { display: none; font-size: 12px; - color: #666; + color: #646970; } .uploading.media-uploader-status .upload-details { @@ -1334,7 +1334,7 @@ } .media-uploader-status .upload-count { - color: #444; + color: #3c434a; } .media-uploader-status .upload-dismiss-errors, @@ -1366,29 +1366,29 @@ content: "\f153"; display: block; font: normal 16px/1 dashicons; - color: #72777c; + color: #787c82; } .uploader-inline .errors.media-uploader-status .upload-dismiss-errors::before { - color: #606a73; + color: #646970; } .errors.media-uploader-status .upload-dismiss-errors:hover::before, .errors.media-uploader-status .upload-dismiss-errors:focus::before { - color: #c00; + color: #d63638; } .upload-errors .upload-error { padding: 12px; margin-bottom: 12px; background: #fff; - border-left: 4px solid #dc3232; + border-left: 4px solid #d63638; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .uploader-inline .upload-errors .upload-error { padding: 12px 30px; - background-color: #fbeaea; + background-color: #fcf0f1; box-shadow: none; } @@ -1425,12 +1425,12 @@ .wp-editor-wrap .uploader-editor { position: absolute; z-index: 99998; /* under the toolbar */ - background: rgba(150, 150, 150, 0.9); + background: rgba(140, 143, 148, 0.9); } .uploader-window, .wp-editor-wrap .uploader-editor.droppable { - background: rgba(0, 86, 132, 0.9); + background: rgba(10, 75, 120, 0.9); } .uploader-window-content, @@ -1518,7 +1518,7 @@ .uploader-inline .has-upload-message .upload-instructions { font-size: 14px; - color: #444; + color: #3c434a; font-weight: 400; } @@ -1590,14 +1590,14 @@ padding: 1px 8px; margin: 1px 8px 1px -8px; line-height: 1.4; - border-right: 1px solid #ddd; - color: #0073aa; + border-right: 1px solid #dcdcde; + color: #2271b1; text-decoration: none; } .media-selection .button-link:hover, .media-selection .button-link:focus { - color: #006799; + color: #135e96; } .media-selection .button-link:last-child { @@ -1606,12 +1606,12 @@ } .selection-info .clear-selection { - color: #bc0b0b; + color: #d63638; } .selection-info .clear-selection:hover, .selection-info .clear-selection:focus { - color: #dc3232; + color: #d63638; } .media-selection .selection-view { @@ -1655,7 +1655,7 @@ .wp-core-ui .media-selection .attachment.details:focus { box-shadow: 0 0 0 1px #fff, - 0 0 2px 3px #5b9dd9; + 0 0 2px 3px #4f94d4; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -1667,7 +1667,7 @@ .wp-core-ui .media-selection .attachment.details { box-shadow: 0 0 0 1px #fff, - 0 0 0 3px #0073aa; + 0 0 0 3px #2271b1; } .media-selection:after { @@ -1678,7 +1678,7 @@ right: 0; bottom: 0; width: 25px; - background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to left,#fff,rgba(255, 255, 255, 0)); } .media-selection .attachment .filename { @@ -1758,8 +1758,8 @@ min-height: 60px; margin-bottom: 16px; line-height: 1.5; - color: #666; - border-bottom: 1px solid #ddd; + color: #646970; + border-bottom: 1px solid #dcdcde; padding-bottom: 11px; } @@ -1773,7 +1773,7 @@ .attachment-info .filename { font-weight: 600; - color: #444; + color: #3c434a; word-wrap: break-word; } @@ -1844,7 +1844,7 @@ .media-modal .untrash-attachment { display: inline; padding: 0; - color: #bc0b0b; + color: #d63638; } .media-modal .delete-attachment:hover, @@ -1853,7 +1853,7 @@ .media-modal .trash-attachment:focus, .media-modal .untrash-attachment:hover, .media-modal .untrash-attachment:focus { - color: #dc3232; + color: #d63638; } /** @@ -1905,8 +1905,8 @@ } .media-modal .imgedit-wrap .imgedit-settings { - background: #f3f3f3; - border-left: 1px solid #ddd; + background: #f6f7f7; + border-left: 1px solid #dcdcde; padding: 20px 16px 0; position: absolute; top: 0; @@ -1927,7 +1927,7 @@ .media-modal .imgedit-group { background: none; border: none; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; box-shadow: none; margin: 0; margin-bottom: 16px; @@ -1951,7 +1951,7 @@ display: inline-block; text-transform: uppercase; font-size: 12px; - color: #666; + color: #646970; margin: 0; margin-top: 3px; } @@ -1959,7 +1959,7 @@ .media-modal .imgedit-group-top h2 a, .media-modal .imgedit-group-top h2 .button-link { text-decoration: none; - color: #666; + color: #646970; } /* higher specificity than media.css */ @@ -1970,7 +1970,7 @@ margin: 0; padding: 0; background: transparent; - color: #0074a2; + color: #2271b1; font-size: 20px; line-height: 1; cursor: pointer; @@ -1979,9 +1979,9 @@ } .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus { - color: #0074a2; - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); + color: #2271b1; + border-color: #4f94d4; + box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; } @@ -2094,8 +2094,8 @@ } .mejs-container:focus { - outline: 1px solid #5b9dd9; - box-shadow: 0 0 2px 1px rgba(30, 140, 190, 0.8); + outline: 1px solid #4f94d4; + box-shadow: 0 0 2px 1px rgba(79, 148, 212, 0.8); } .image-details .media-modal { @@ -2125,8 +2125,8 @@ } .image-details .column-settings { - background: #f3f3f3; - border-right: 1px solid #ddd; + background: #f6f7f7; + border-right: 1px solid #dcdcde; min-height: 100%; width: 55%; position: absolute; @@ -2137,8 +2137,8 @@ .image-details .column-settings h2 { margin: 20px; padding-top: 20px; - border-top: 1px solid #ddd; - color: #23282d; + border-top: 1px solid #dcdcde; + color: #1d2327; } .image-details .column-image { @@ -2159,14 +2159,14 @@ .image-details .advanced-toggle { padding: 0; - color: #666; + color: #646970; text-transform: uppercase; text-decoration: none; } .image-details .advanced-toggle:hover, .image-details .advanced-toggle:active { - color: #666; + color: #646970; } .image-details .advanced-toggle:after { @@ -2326,7 +2326,7 @@ display: inline-block; font-size: 13px; line-height: 1.84615384; - color: #666; + color: #646970; } .media-embed .setting span { @@ -2463,7 +2463,7 @@ right: auto; bottom: auto; padding: 5px 0; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; } .media-frame:not(.hide-menu) .media-menu.visible { diff --git a/src/wp-includes/css/wp-auth-check.css b/src/wp-includes/css/wp-auth-check.css index f22008520e..8994f4933a 100644 --- a/src/wp-includes/css/wp-auth-check.css +++ b/src/wp-includes/css/wp-auth-check.css @@ -28,7 +28,7 @@ width: 380px; margin: 0 0 0 -190px; padding: 30px 0 0; - background-color: #f1f1f1; + background-color: #f0f0f1; z-index: 1000011; /* needs to appear above #wp-auth-check-bg */ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); } @@ -88,7 +88,7 @@ right: 5px; height: 22px; width: 22px; - color: #72777c; + color: #787c82; text-decoration: none; text-align: center; } @@ -103,7 +103,7 @@ #wp-auth-check-wrap .wp-auth-check-close:hover, #wp-auth-check-wrap .wp-auth-check-close:focus { - color: #0073aa; + color: #2271b1; } #wp-auth-check-wrap .wp-auth-fallback-expired { diff --git a/src/wp-includes/css/wp-embed-template.css b/src/wp-includes/css/wp-embed-template.css index e03fd61164..2c1e294643 100644 --- a/src/wp-includes/css/wp-embed-template.css +++ b/src/wp-includes/css/wp-embed-template.css @@ -67,9 +67,9 @@ body { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1.5; - color: #82878c; + color: #8c8f94; background: #fff; - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); /* Clearfix */ overflow: auto; @@ -77,7 +77,7 @@ body { } .wp-embed a { - color: #82878c; + color: #8c8f94; text-decoration: none; } @@ -113,11 +113,11 @@ p.wp-embed-heading { } .wp-embed-heading a { - color: #32373c; + color: #2c3338; } .wp-embed .wp-embed-more { - color: #b4b9be; + color: #c3c4c7; } .wp-embed-footer { @@ -165,7 +165,7 @@ p.wp-embed-heading { .wp-embed-meta a:hover { text-decoration: none; - color: #0073aa; + color: #2271b1; } .wp-embed-comments a { @@ -183,8 +183,8 @@ p.wp-embed-heading { left: 0; right: 0; bottom: 0; - background-color: #222; - background-color: rgba(10, 10, 10, 0.9); + background-color: #1d2327; + background-color: rgba(0, 0, 0, 0.9); color: #fff; opacity: 1; transition: opacity .25s ease-in-out; @@ -216,7 +216,7 @@ p.wp-embed-heading { .wp-embed-share-dialog-open:focus .dashicons, .wp-embed-share-dialog-close:focus .dashicons { - 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(79, 148, 212, 0.8); border-radius: 100%; } @@ -265,7 +265,7 @@ p.wp-embed-heading { background: transparent; font-size: 16px; line-height: 1.3; - color: #aaa; + color: #a7aaad; cursor: pointer; transition: color .1s ease-in; } @@ -281,7 +281,7 @@ p.wp-embed-heading { .wp-embed-share-tab-button + .wp-embed-share-tab-button { margin: 0 0 0 10px; padding: 0 0 0 11px; - border-left: 1px solid #aaa; + border-left: 1px solid #a7aaad; } .wp-embed-share-tab[aria-hidden="true"] { @@ -293,7 +293,7 @@ p.wp-embed-share-description { font-size: 14px; line-height: 1; font-style: italic; - color: #aaa; + color: #a7aaad; } .wp-embed-share-input { @@ -355,5 +355,5 @@ html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button { margin: 0 10px 0 0; padding: 0 11px 0 0; border-left: none; - border-right: 1px solid #aaa; + border-right: 1px solid #a7aaad; } diff --git a/src/wp-includes/css/wp-pointer.css b/src/wp-includes/css/wp-pointer.css index 425ec85b07..57d13a0d10 100644 --- a/src/wp-includes/css/wp-pointer.css +++ b/src/wp-includes/css/wp-pointer.css @@ -3,26 +3,26 @@ position: relative; font-size: 13px; background: #fff; - border: 1px solid #ddd; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); + border: 1px solid #dcdcde; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); } .wp-pointer-content h3 { position: relative; margin: -1px -1px 5px; padding: 15px 18px 14px 60px; - border: 1px solid #3592b6; + border: 1px solid #72aee6; border-bottom: none; line-height: 1.4; font-size: 14px; color: #fff; - background: #00a0d2; + background: #72aee6; } .wp-pointer-content h3:before { background: #fff; border-radius: 50%; - color: #00a0d2; + color: #72aee6; content: "\f227"; font: normal 20px/1.6 dashicons; position: absolute; @@ -64,7 +64,7 @@ .wp-pointer-buttons a.close:before { background: none; - color: #72777c; + color: #787c82; content: "\f153"; display: block !important; font: normal 16px/1 dashicons; @@ -80,7 +80,7 @@ } .wp-pointer-buttons a.close:hover:before { - color: #c00; + color: #d63638; } /* The arrow base class must take up no space, even with transparent borders. */ @@ -141,7 +141,7 @@ .wp-pointer-undefined .wp-pointer-arrow { top: 0; border-width: 0 13px 13px 13px; - border-bottom-color: #3592b6; + border-bottom-color: #72aee6; } .wp-pointer-top .wp-pointer-arrow-inner, @@ -150,7 +150,7 @@ margin-left: -13px; margin-top: -13px; border: 13px solid transparent; - border-bottom-color: #00a0d2; + border-bottom-color: #72aee6; display: block; content: " "; } @@ -158,7 +158,7 @@ .wp-pointer-bottom .wp-pointer-arrow { bottom: 0; border-width: 13px 13px 0 13px; - border-top-color: #ccc; + border-top-color: #c3c4c7; } .wp-pointer-bottom .wp-pointer-arrow-inner { @@ -175,7 +175,7 @@ .wp-pointer-left .wp-pointer-arrow { left: 0; border-width: 13px 13px 13px 0; - border-right-color: #ccc; + border-right-color: #c3c4c7; } /* rtl:ignore */ @@ -193,7 +193,7 @@ .wp-pointer-right .wp-pointer-arrow { right: 0; border-width: 13px 0 13px 13px; - border-left-color: #ccc; + border-left-color: #c3c4c7; } /* rtl:ignore */ diff --git a/src/wp-includes/general-template.php b/src/wp-includes/general-template.php index e2833129b0..ac73641287 100644 --- a/src/wp-includes/general-template.php +++ b/src/wp-includes/general-template.php @@ -4392,10 +4392,10 @@ function register_admin_color_schemes() { 'fresh', _x( 'Default', 'admin color scheme' ), false, - array( '#222', '#333', '#0073aa', '#00a0d2' ), + array( '#1d2327', '#2c3338', '#3582c4', '#72aee6' ), array( - 'base' => '#a0a5aa', - 'focus' => '#00a0d2', + 'base' => '#a7aaad', + 'focus' => '#72aee6', 'current' => '#fff', ) );