diff -r 34716fd837a4 -r be944660c56a wp/wp-admin/css/common.css --- a/wp/wp-admin/css/common.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-admin/css/common.css Wed Sep 21 18:19:35 2022 +0200 @@ -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 @@ .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 { - 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 @@ /* 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 @@ 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,20 +331,20 @@ } h1 { - color: #23282d; + color: #1d2327; font-size: 2em; margin: .67em 0; } h2, h3 { - color: #23282d; + color: #1d2327; font-size: 1.3em; margin: 1em 0; } .update-core-php h2 { - margin-top: 2em; + margin-top: 4em; } .update-php h2, @@ -419,7 +419,7 @@ 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 @@ padding: 0; font-size: 13px; float: left; - color: #666; + color: #646970; } .subsubsub a { @@ -441,7 +441,7 @@ .subsubsub a .count, .subsubsub a.current .count { - color: #555d66; /* #f1f1f1 background */ + color: #50575e; /* #f1f1f1 background */ font-weight: 400; } @@ -481,12 +481,12 @@ .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,12 +599,16 @@ .subtitle { margin: 0; padding-left: 25px; - color: #555d66; + color: #50575e; font-size: 14px; font-weight: 400; line-height: 1; } +.subtitle strong { + word-break: break-all; +} + .wrap .add-new-h2, /* deprecated */ .wrap .add-new-h2:active, /* deprecated */ .wrap .page-title-action, @@ -614,14 +618,14 @@ 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 +635,14 @@ .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 +652,8 @@ } .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 +671,12 @@ #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 +687,47 @@ .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; - color: #000; + background-color: #f0f6fc; + color: #3c434a; } .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: #2271b1; } .wp-ui-text-highlight { - color: #1e8cbe; + color: #2271b1; } .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 +767,16 @@ .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,11 +791,11 @@ #bulk-titles div a:before, .notice-dismiss:before { background: none; - color: #72777c; + color: #787c82; content: "\f153"; display: block; font: normal 16px/20px dashicons; - speak: none; + speak: never; height: 20px; text-align: center; width: 20px; @@ -810,7 +814,7 @@ .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 +829,13 @@ .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 +853,7 @@ } .howto { - color: #666; + color: #646970; display: block; } @@ -864,8 +868,8 @@ 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, @@ -878,8 +882,9 @@ #media-items a.delete, #media-items a.delete-permanently, #nav-menu-footer .menu-delete, -#delete-link a.delete { - color: #a00; +#delete-link a.delete, +a#remove-post-thumbnail { + color: #b32d2e; } abbr.required, @@ -895,8 +900,9 @@ #media-items a.delete:hover, #media-items a.delete-permanently:hover, #nav-menu-footer .menu-delete:hover, -#delete-link a.delete:hover { - color: #dc3232; +#delete-link a.delete:hover, +a#remove-post-thumbnail:hover { + color: #b32d2e; border: none; } @@ -907,8 +913,8 @@ #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 +1003,9 @@ 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 +1026,7 @@ top: -1px; padding: 4px 10px; border-radius: 30px; - background: #72777c; + background: #646970; color: #fff; font-size: 14px; font-weight: 600; @@ -1053,21 +1059,21 @@ 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 +1116,7 @@ padding: 0 10px 0 6px; border-color: transparent; background-color: transparent; - color: #666; + color: #646970; vertical-align: baseline; box-shadow: none; } @@ -1118,7 +1124,7 @@ .wp-filter .drawer-toggle:before { content: "\f111"; margin: 0 5px 0 0; - color: #72777c; + color: #646970; font: normal 16px/1 dashicons; vertical-align: text-bottom; -webkit-font-smoothing: antialiased; @@ -1130,7 +1136,7 @@ .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 +1145,7 @@ } .wp-filter .button.drawer-toggle:focus { - border-color: #5b9dd9; + border-color: #4f94d4; } .wp-filter .button.drawer-toggle:active { @@ -1157,8 +1163,8 @@ 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 +1179,13 @@ .show-filters .wp-filter .button.drawer-toggle { border-radius: 2px; - background: #72777c; + background: #646970; color: #fff; } .show-filters .wp-filter .drawer-toggle:hover, .show-filters .wp-filter .drawer-toggle:focus { - background: rgb(46, 162, 204); + background: #2271b1; } .show-filters .wp-filter .drawer-toggle:before { @@ -1194,7 +1200,7 @@ 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 +1282,7 @@ .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 +1322,7 @@ @media only screen and (max-width: 1120px) { .filter-drawer { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } .filter-group { @@ -1374,9 +1380,9 @@ 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 +1418,7 @@ .notice-title { display: inline-block; - color: #23282d; + color: #1d2327; font-size: 18px; } @@ -1429,55 +1435,55 @@ 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 +1531,7 @@ .import-php .updating-message:before, .button.updating-message:before, .button.installing:before { - color: #f56e28; + color: #d63638; content: "\f463"; } @@ -1539,6 +1545,17 @@ animation: rotation 2s infinite linear; } +@media (prefers-reduced-motion: reduce) { + .updating-message p:before, + .import-php .updating-message:before, + .button.updating-message:before, + .button.installing:before, + .plugins .column-auto-updates .dashicons-update.spin, + .theme-overlay .theme-autoupdate .dashicons-update.spin { + animation: none; + } +} + .theme-overlay .theme-autoupdate .dashicons-update.spin { margin-right: 3px; } @@ -1547,13 +1564,13 @@ .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"; } @@ -1600,6 +1617,19 @@ margin: -4px 0; } +h2.wp-current-version { + margin-bottom: .3em; +} + +p.update-last-checked { + margin-top: 0; +} + +p.auto-update-status { + margin-top: 2em; + line-height: 1.8; +} + #ajax-loading, .ajax-loading, .ajax-feedback, @@ -1624,7 +1654,7 @@ } .button-primary.updated-message:before { - color: #66c6e4; + color: #9ec2e6; } .button.updated-message { @@ -1638,7 +1668,7 @@ .button.installing:before, .button.installed:before, .update-message p:before { - speak: none; + speak: never; } } @@ -1680,7 +1710,7 @@ 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; } @@ -1697,14 +1727,14 @@ } #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: #646970; line-height: 1.7; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; @@ -1713,12 +1743,12 @@ #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 { @@ -1729,7 +1759,7 @@ right: 0; content: "\f140"; font: normal 20px/1 dashicons; - speak: none; + speak: never; display: inline-block; padding: 0 5px 0 0; bottom: 2px; @@ -1738,7 +1768,6 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; - color: #72777c; } #screen-meta-links .screen-meta-active:after { @@ -1842,10 +1871,10 @@ 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 { @@ -1883,20 +1912,20 @@ } .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 { @@ -1933,11 +1962,12 @@ html.wp-toolbar { padding-top: 32px; box-sizing: border-box; + -ms-overflow-style: scrollbar; /* See ticket #48545 */ } .widefat th, .widefat td { - color: #555; + color: #50575e; } .widefat th, @@ -1950,7 +1980,7 @@ .widefat thead tr td, .widefat tfoot tr th, .widefat tfoot tr td { - color: #32373c; + color: #2c3338; } .widefat td p { @@ -1960,7 +1990,7 @@ .widefat p, .widefat ol, .widefat ul { - color: #32373c; + color: #2c3338; } .widefat .column-comment p { @@ -2036,7 +2066,7 @@ display: flex; align-items: center; justify-content: space-between; - border-bottom: 1px solid #ccd0d4; + border-bottom: 1px solid #c3c4c7; } .postbox-header .hndle { @@ -2066,7 +2096,7 @@ .postbox .handle-order-higher, .postbox .handle-order-lower { - color: #72777c; + color: #787c82; width: 1.62rem; } @@ -2075,17 +2105,17 @@ .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; } @@ -2104,8 +2134,6 @@ .postbox .hndle, .stuffbox .hndle { -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } @@ -2146,7 +2174,7 @@ } .temp-border { - border: 1px dotted #ccc; + border: 1px dotted #c3c4c7; } .columns-prefs label { @@ -2181,7 +2209,7 @@ left: 0; right: 0; padding: 10px 20px; - color: #555d66; + color: #50575e; } #wpfooter p { @@ -2200,15 +2228,15 @@ .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; } @@ -2223,7 +2251,7 @@ .nav-tab:hover, .nav-tab:focus { background-color: #fff; - color: #444; + color: #3c434a; } .nav-tab-active, @@ -2233,22 +2261,22 @@ .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; @@ -2332,7 +2360,7 @@ .attention, .error-message { - color: #dc3232; + color: #d63638; font-weight: 600; } @@ -2358,7 +2386,7 @@ } .media-icon img { - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; border: 1px solid rgba(0, 0, 0, 0.07); } @@ -2401,7 +2429,7 @@ .importer-action { line-height: 1.55; /* Same as with .updating-message */ - color: #555; + color: #50575e; margin-bottom: 1em; } @@ -2411,8 +2439,8 @@ } .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 */ @@ -2430,7 +2458,7 @@ } #namediv input { - width: 98%; + width: 100%; } #namediv p { @@ -2508,7 +2536,7 @@ vertical-align: top; transition: color .1s ease-in; text-align: center; - color: #ffb900; + color: #dba617; } .star-rating .star-full:before { @@ -2552,7 +2580,7 @@ #plugin-information-title { padding: 0 26px; - background: #f5f5f5; + background: #f6f7f7; font-size: 22px; font-weight: 600; line-height: 2.4; @@ -2587,7 +2615,7 @@ 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; @@ -2616,8 +2644,8 @@ 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 { @@ -2635,10 +2663,10 @@ #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 { @@ -2676,9 +2704,8 @@ left: 0; margin-top: 10px; margin-right: 250px; /* FYI box */ - padding: 10px 26px; + padding: 10px 26px 99999px; /* equal height column trick */ margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ - padding-bottom: 99999px; /* equal height column trick */ } #section-holder .notice { @@ -2694,24 +2721,23 @@ position: relative; top: 0; right: 0; - padding: 16px; + padding: 16px 16px 99999px; /* equal height column trick */ 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; } @@ -2748,13 +2774,13 @@ #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; } @@ -2790,8 +2816,8 @@ 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 */ @@ -2835,12 +2861,12 @@ #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; @@ -2851,7 +2877,7 @@ overflow: hidden; /* clearfix */ width: 100%; margin-bottom: 20px; - border-bottom: 1px solid #e5e5e5; + border-bottom: 1px solid #dcdcde; } #plugin-information .review-title-section { @@ -2932,7 +2958,7 @@ #plugin-information .fyi { float: none; - border: 1px solid #ddd; + border: 1px solid #dcdcde; position: static; width: auto; margin: 26px 26px 0; @@ -2958,7 +2984,7 @@ /* Thickbox for the Plugin details modal. */ #TB_window.plugin-details-modal { - background: #fcfcfc; + background: #fff; } #TB_window.plugin-details-modal.thickbox-loading:before { @@ -2971,7 +2997,7 @@ 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); } @@ -2997,12 +3023,12 @@ .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; } @@ -3014,7 +3040,7 @@ .plugin-details-modal #TB_closeWindowButton:after { content: "\f335"; font: normal 32px/29px 'dashicons'; - speak: none; + speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -3042,7 +3068,7 @@ content: "\f142"; display: inline-block; font: normal 20px/1 dashicons; - speak: none; + speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; @@ -3091,15 +3117,15 @@ .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; } @@ -3125,7 +3151,7 @@ #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; @@ -3136,7 +3162,7 @@ width: 100%; min-height: 60vh; height: calc( 100vh - 295px ); - border: 1px solid #ddd; + border: 1px solid #dcdcde; box-sizing: border-box; } @@ -3158,8 +3184,8 @@ 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 { @@ -3203,14 +3229,14 @@ 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 { @@ -3227,7 +3253,7 @@ display: block; position: absolute; left: 2px; - border-left: 1px solid #ccc; + border-left: 1px solid #c3c4c7; top: -13px; bottom: 10px; } @@ -3235,18 +3261,18 @@ 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; @@ -3276,11 +3302,15 @@ display: none; } +#theme-plugin-editor-selector, +#theme-plugin-editor-label, +#documentation label { + font-weight: 600; +} #theme-plugin-editor-label { display: inline-block; margin-bottom: 1em; - font-weight: 600; } /* rtl:ignore */ @@ -3363,7 +3393,7 @@ } .nonessential { - color: #666; + color: #646970; font-size: 11px; font-style: italic; padding-left: 12px; @@ -3376,7 +3406,6 @@ #documentation label { line-height: 1.8; vertical-align: baseline; - font-weight: 600; } .fileedit-sub { @@ -3395,7 +3424,7 @@ .accordion-section-title:after { content: "\f140"; font: normal 20px/1 dashicons; - speak: none; + speak: never; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -3412,11 +3441,11 @@ .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, @@ -3429,15 +3458,15 @@ .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, @@ -3470,7 +3499,7 @@ /* Accordion */ .accordion-section { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; margin: 0; } @@ -3480,7 +3509,7 @@ } .accordion-section.open:hover { - border-bottom-color: #ddd; + border-bottom-color: #dcdcde; } .accordion-section-content { @@ -3494,11 +3523,9 @@ 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; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } @@ -3520,7 +3547,7 @@ .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; } @@ -3551,13 +3578,13 @@ .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 */ @@ -3597,7 +3624,7 @@ position: absolute; top: 0; right: 0; - background: #ccc; + background: #c3c4c7; } } @@ -3617,7 +3644,7 @@ } .my-sites li:nth-of-type(4n+1), .my-sites li:nth-of-type(4n+2) { - background-color: #f9f9f9; + background-color: #f6f7f7; } } @@ -3634,7 +3661,7 @@ .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; } } @@ -3655,7 +3682,7 @@ .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; } } @@ -3677,7 +3704,7 @@ .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; } } @@ -3700,7 +3727,7 @@ .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; } } @@ -3730,10 +3757,6 @@ } -@-ms-viewport { - width: device-width; -} - @media screen and (max-width: 782px) { html.wp-toolbar { padding-top: 46px; @@ -3868,7 +3891,7 @@ } #templateside > ul { - border-left: 1px solid #ddd; + border-left: 1px solid #dcdcde; } #templateside li { @@ -4078,13 +4101,13 @@ 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"] {