diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-includes/css/dist/list-reusable-blocks/style.css --- a/wp/wp-includes/css/dist/list-reusable-blocks/style.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-includes/css/dist/list-reusable-blocks/style.css Tue Dec 15 13:49:49 2020 +0100 @@ -2,10 +2,40 @@ * Colors */ /** + * Deprecated colors. + * Please avoid using these. + */ +/** * Breakpoints & Media Queries */ /** - * Often re-used variables + * Colors + */ +/** + * Deprecated colors. + * Please avoid using these. + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block UI. + */ +/** + * Border radii. */ /** * Breakpoint mixins @@ -17,21 +47,30 @@ * than the space allows. */ /** - * Button states and focus styles + * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** - * Applies editor right position to the selector passed as argument - */ -/** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ -.list-reusable-blocks-import-dropdown__content .components-popover__content { +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; } + +.list-reusable-blocks-import-dropdown__content .components-popover__content > div { padding: 10px; } .list-reusable-blocks-import-form__label { @@ -47,6 +86,48 @@ .list-reusable-blocks__container { display: inline-flex; - padding: 9px 0 4px; align-items: center; - vertical-align: top; } + position: relative; + top: -3px; } + .list-reusable-blocks__container .components-button { + height: 26px; } + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; } + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; } + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; } + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; } + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; } + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; } + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; } + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; }