diff -r 34716fd837a4 -r be944660c56a wp/wp-admin/css/themes-rtl.css --- a/wp/wp-admin/css/themes-rtl.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-admin/css/themes-rtl.css Wed Sep 21 18:19:35 2022 +0200 @@ -57,7 +57,7 @@ margin: 0 0 4% 4%; 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; } @@ -67,7 +67,7 @@ } .theme-browser .theme:hover, -.theme-browser .theme:focus { +.theme-browser .theme.focus { cursor: pointer; } @@ -91,13 +91,12 @@ 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-right: 1px solid rgba(0, 0, 0, 0.05); } .theme-browser .theme:hover .theme-actions, -.theme-browser .theme.focus .theme-actions, -.theme-browser .theme:focus .theme-actions { +.theme-browser .theme.focus .theme-actions { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } @@ -141,12 +140,12 @@ } .theme-browser .theme:hover .theme-screenshot, -.theme-browser .theme:focus .theme-screenshot { +.theme-browser .theme.focus .theme-screenshot { background: #fff; } .theme-browser.rendered .theme:hover .theme-screenshot img, -.theme-browser.rendered .theme:focus .theme-screenshot img { +.theme-browser.rendered .theme.focus .theme-screenshot img { opacity: 0.4; } @@ -157,7 +156,8 @@ top: 35%; left: 20%; right: 20%; - background: #23282d; + width: 60%; + background: #1d2327; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 15px; @@ -167,25 +167,30 @@ padding: 15px 12px; text-align: center; border-radius: 3px; + border: none; transition: opacity 0.1s ease-in-out; } -.theme-browser .theme:focus { - border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); +.theme-browser .theme .more-details:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1; } -.theme-browser .theme:focus .more-details { +.theme-browser .theme.focus { + border-color: #4f94d4; + box-shadow: 0 0 2px rgba(79, 148, 212, 0.8); +} + +.theme-browser .theme.focus .more-details { opacity: 1; } /* Current theme needs to have its action always on view */ -.theme-browser .theme.active:focus .theme-actions { +.theme-browser .theme.active.focus .theme-actions { display: block; } .theme-browser.rendered .theme:hover .more-details, -.theme-browser.rendered .theme:focus .more-details { +.theme-browser.rendered .theme.focus .more-details { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } @@ -194,7 +199,7 @@ * The currently active theme */ .theme-browser .theme.active .theme-name { - background: #23282d; + background: #1d2327; color: #fff; padding-left: 110px; font-weight: 300; @@ -210,7 +215,7 @@ } .theme-browser .theme.active .theme-actions { - background: rgba(49, 49, 49, 0.7); + background: rgba(44, 51, 56, 0.7); border-right: none; opacity: 1; } @@ -234,8 +239,8 @@ } .theme-browser .theme .theme-author { - background: #23282d; - color: #eee; + background: #1d2327; + color: #f0f0f1; display: none; font-size: 14px; margin: 0 10px; @@ -279,14 +284,14 @@ 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"; @@ -296,7 +301,7 @@ height: 100px; vertical-align: middle; text-align: center; - color: rgb(153, 153, 153); + color: #8c8f94; position: absolute; top: 30%; right: 50%; @@ -319,14 +324,14 @@ .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: ""; } @@ -358,8 +363,8 @@ left: 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. */ } @@ -369,7 +374,7 @@ right: 0; left: 0; height: 48px; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; } .theme-overlay .theme-header button { @@ -383,14 +388,14 @@ text-align: center; float: left; border: 0; - border-right: 1px solid #ddd; + border-right: 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; @@ -400,14 +405,14 @@ .theme-overlay .theme-header .right, .theme-overlay .theme-header .left { cursor: pointer; - color: #72777c; + color: #787c82; background-color: transparent; height: 48px; width: 54px; float: right; 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; } @@ -417,8 +422,8 @@ .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; } @@ -438,7 +443,7 @@ .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; } @@ -493,10 +498,10 @@ right: 0; left: 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 { @@ -512,7 +517,7 @@ .broken-themes a.delete-theme, .theme-overlay .theme-actions .delete-theme { - color: #a00; + color: #d63638; text-decoration: none; border-color: transparent; box-shadow: none; @@ -529,9 +534,9 @@ .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, @@ -589,8 +594,8 @@ /* 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; @@ -617,7 +622,7 @@ .theme-overlay .screenshot.selected { background: transparent; - border: 2px solid #00a0d2; + border: 2px solid #72aee6; } .theme-overlay .screenshot.selected img { @@ -639,7 +644,7 @@ } .theme-overlay .current-label { - background: #32373c; + background: #2c3338; color: #fff; font-size: 11px; display: inline-block; @@ -647,13 +652,11 @@ border-radius: 2px; margin: 0 0 -10px; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } .theme-overlay .theme-name { - color: #23282d; + color: #1d2327; font-size: 32px; font-weight: 100; margin: 10px 0 0; @@ -663,7 +666,7 @@ } .theme-overlay .theme-version { - color: #72777c; + color: #646970; font-size: 13px; font-weight: 400; float: none; @@ -673,7 +676,7 @@ .theme-overlay .theme-author { margin: 15px 0 25px; - color: #72777c; + color: #646970; font-size: 16px; font-weight: 400; line-height: inherit; @@ -697,7 +700,7 @@ } .theme-overlay .theme-description { - color: #555; + color: #50575e; font-size: 15px; font-weight: 400; line-height: 1.5; @@ -705,8 +708,8 @@ } .theme-overlay .theme-tags { - border-top: 3px solid #eee; - color: #82878c; + border-top: 3px solid #f0f0f1; + color: #646970; font-size: 13px; font-weight: 400; margin: 30px 0 0 0; @@ -714,15 +717,15 @@ } .theme-overlay .theme-tags span { - color: #444; + color: #3c434a; font-weight: 600; margin-left: 5px; } .theme-overlay .parent-theme { - background: #f7fcfe; - border: 1px solid #eee; - border-right: 4px solid #00a0d2; + background: #fff; + border: 1px solid #f0f0f1; + border-right: 4px solid #72aee6; font-size: 14px; font-weight: 400; margin-top: 30px; @@ -880,12 +883,12 @@ .theme:not(.active):hover .theme-actions, .theme:not(.active):focus .theme-actions, .theme:hover .more-details, - .theme:focus .more-details { + .theme.focus .more-details { display: none; } .theme-browser.rendered .theme:hover .theme-screenshot img, - .theme-browser.rendered .theme:focus .theme-screenshot img { + .theme-browser.rendered .theme.focus .theme-screenshot img { opacity: 1.0; } } @@ -1002,11 +1005,11 @@ /* 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'; @@ -1059,8 +1062,8 @@ .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; @@ -1075,7 +1078,7 @@ .upload-theme .install-help, .upload-plugin .install-help { - color: #555d66; /* #f1f1f1 background */ + color: #50575e; /* #f1f1f1 background */ font-size: 18px; font-style: normal; margin: 0; @@ -1086,7 +1089,7 @@ p.no-themes, p.no-themes-local { clear: both; - color: #666; + color: #646970; font-size: 18px; font-style: normal; margin: 0; @@ -1125,7 +1128,7 @@ .theme-details .num-ratings, .theme-details .no-rating { font-size: 11px; - color: #72777c; + color: #646970; } .theme-details .no-rating { @@ -1134,8 +1137,8 @@ } .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: right; margin: 1rem 0 1.4rem; border-collapse: collapse; @@ -1163,7 +1166,7 @@ } .update-from-upload-comparison td.warning { - color: #a00; + color: #d63638; } .update-from-upload-actions { @@ -1175,7 +1178,7 @@ ------------------------------------------------------------------------------*/ .appearance_page_custom-header #headimg { - border: 1px solid #ddd; + border: 1px solid #dcdcde; overflow: hidden; width: 100%; } @@ -1211,7 +1214,7 @@ div#custom-background-image { min-height: 100px; - border: 1px solid #ddd; + border: 1px solid #dcdcde; } div#custom-background-image img { @@ -1220,16 +1223,16 @@ } .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, @@ -1248,7 +1251,7 @@ } .background-position-control .background-position-center-icon:before { - background-color: #555; + background-color: #50575e; border-radius: 50%; content: ""; height: 12px; @@ -1257,7 +1260,7 @@ .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 { @@ -1282,7 +1285,7 @@ } .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 { @@ -1365,7 +1368,7 @@ padding: 0; margin: 0; z-index: 10; - background: #eee; + background: #f0f0f1; border-left: none; } @@ -1472,9 +1475,9 @@ float: right; width: 45px; height: 45px; - background: #eee; - border-left: 1px solid #ddd; - color: #444; + background: #f0f0f1; + border-left: 1px solid #dcdcde; + color: #3c434a; cursor: pointer; text-decoration: none; transition: color .1s ease-in-out, background .1s ease-in-out; @@ -1486,8 +1489,8 @@ .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; @@ -1523,8 +1526,8 @@ .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; } @@ -1551,7 +1554,7 @@ right: 0; padding: 9px 10px 9px 0; height: 45px; - color: #656a6f; + color: #646970; outline: 0; line-height: 1; background-color: transparent !important; @@ -1562,7 +1565,7 @@ .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, @@ -1583,8 +1586,8 @@ .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 { @@ -1598,9 +1601,9 @@ .wp-full-overlay .collapse-sidebar-arrow:before { display: block; content: "\f148"; - background: #eee; + background: #f0f0f1; font: normal 20px/1 dashicons; - speak: none; + speak: never; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -1632,11 +1635,11 @@ /* 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 { @@ -1648,8 +1651,8 @@ 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 { @@ -1658,8 +1661,8 @@ .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 { @@ -1690,11 +1693,11 @@ 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, @@ -1704,16 +1707,16 @@ .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 { @@ -1772,7 +1775,7 @@ #customize-container, #customize-controls .notice.notification-overlay { - background: #eee; + background: #f0f0f1; z-index: 500000; position: fixed; overflow: visible; @@ -1844,7 +1847,7 @@ .install-theme-info .theme-screenshot { margin: 15px 0; width: 258px; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; } .install-theme-info .theme-details { @@ -1857,7 +1860,7 @@ .theme-details .theme-description { float: right; - color: #72777c; + color: #646970; line-height: 1.6; max-width: 100%; } @@ -1868,24 +1871,24 @@ } .theme-install-overlay .wp-full-overlay-sidebar { - background: #eee; - border-left: 1px solid #ddd; + background: #f0f0f1; + border-left: 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, @@ -1976,6 +1979,6 @@ .theme-info .updating-message:before, .theme-info .updated-message:before, .theme-install.updating-message:before { - speak: none; + speak: never; } }