Administration: Update the Dashboard welcome banner for 6.1.

Reviewed by ryelle and davidbaumwald.

Props ryelle, adampickering, mikeschroder, richtabor.
Fixes #56703.
Built from https://develop.svn.wordpress.org/trunk@54638


git-svn-id: http://core.svn.wordpress.org/trunk@54190 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
davidbaumwald 2022-10-18 18:35:13 +00:00
parent 1664e1a05f
commit edd35e9803
45 changed files with 161 additions and 195 deletions

View File

@ -785,17 +785,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: mix($dashboard-accent-1, white, 12%);
background-color: $dashboard-accent-1;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: $dashboard-accent-2;
fill: $dashboard-accent-1;
}
.welcome-panel-header-image .about-zero {
fill: $dashboard-accent-2;
}
[class*="welcome-panel-icon"] {
background-color: $dashboard-icon-background;
}

View File

@ -66,7 +66,7 @@ $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
// Dashboard Colors
$dashboard-accent-1: $highlight-color !default;
$dashboard-accent-2: $base-color !default;
$dashboard-accent-2: rgba(255, 255, 255, 0.5) !default;
$dashboard-icon-background: $dashboard-accent-2 !default;
$low-contrast-theme: "false" !default;

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #e1ecf0;
background-color: #096484;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #096484;
}
.welcome-panel-header-image .about-zero {
fill: #52accc;
}
[class*=welcome-panel-icon] {
background-color: #096484;
}

File diff suppressed because one or more lines are too long

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #e1ecf0;
background-color: #096484;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #096484;
}
.welcome-panel-header-image .about-zero {
fill: #52accc;
}
[class*=welcome-panel-icon] {
background-color: #096484;
}

File diff suppressed because one or more lines are too long

View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #f8f4f1;
background-color: #c7a589;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #c7a589;
}
.welcome-panel-header-image .about-zero {
fill: #59524c;
}
[class*=welcome-panel-icon] {
background-color: #59524c;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #f8f4f1;
background-color: #c7a589;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #c7a589;
}
.welcome-panel-header-image .about-zero {
fill: #59524c;
}
[class*=welcome-panel-icon] {
background-color: #59524c;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #f4f6e9;
background-color: #523f6d;
}
.welcome-panel-header-image .about-six {
fill: #a3b745;
}
.welcome-panel-header-image .about-zero {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #523f6d;
}
[class*=welcome-panel-icon] {
background-color: #523f6d;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #f4f6e9;
background-color: #523f6d;
}
.welcome-panel-header-image .about-six {
fill: #a3b745;
}
.welcome-panel-header-image .about-zero {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #523f6d;
}
[class*=welcome-panel-icon] {
background-color: #523f6d;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -6,4 +6,6 @@ $notification-color: #d46f15;
$form-checked: $base-color;
$dashboard-accent-1: $base-color;
@import "../_admin.scss";

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #e1f4f9;
background-color: #04a4cc;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #04a4cc;
}
.welcome-panel-header-image .about-zero {
fill: #999;
}
[class*=welcome-panel-icon] {
background-color: #333;
}

File diff suppressed because one or more lines are too long

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #e1f4f9;
background-color: #04a4cc;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #04a4cc;
}
.welcome-panel-header-image .about-zero {
fill: #999;
}
[class*=welcome-panel-icon] {
background-color: #333;
}

File diff suppressed because one or more lines are too long

View File

@ -18,7 +18,6 @@ $menu-submenu-background: #fff;
$menu-collapse-text: #777;
$menu-collapse-focus-icon: #555;
$dashboard-accent-2: $icon-color;
$dashboard-icon-background: $text-color;
@import "../_admin.scss";

View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #fbeae8;
background-color: #69a8bb;
}
.welcome-panel-header-image .about-six {
fill: #e14d43;
}
.welcome-panel-header-image .about-zero {
fill: #363b3f;
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #69a8bb;
}
[class*=welcome-panel-icon] {

File diff suppressed because one or more lines are too long

View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #fbeae8;
background-color: #69a8bb;
}
.welcome-panel-header-image .about-six {
fill: #e14d43;
}
.welcome-panel-header-image .about-zero {
fill: #363b3f;
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #69a8bb;
}
[class*=welcome-panel-icon] {

File diff suppressed because one or more lines are too long

View File

@ -3,6 +3,7 @@ $base-color: #363b3f;
$highlight-color: #e14d43;
$notification-color: #69a8bb;
$dashboard-accent-1: $notification-color;
$dashboard-icon-background: $highlight-color;
@import "../_admin.scss";

View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #e7ebfc;
background-color: #273fcc;
}
.welcome-panel-header-image .about-six {
fill: #3858e9;
}
.welcome-panel-header-image .about-zero {
fill: #1b8362;
.welcome-panel-header-image path {
stroke: #627eff;
fill: #273fcc;
}
[class*=welcome-panel-icon] {

File diff suppressed because one or more lines are too long

View File

@ -707,15 +707,12 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #e7ebfc;
background-color: #273fcc;
}
.welcome-panel-header-image .about-six {
fill: #3858e9;
}
.welcome-panel-header-image .about-zero {
fill: #1b8362;
.welcome-panel-header-image path {
stroke: #627eff;
fill: #273fcc;
}
[class*=welcome-panel-icon] {

File diff suppressed because one or more lines are too long

View File

@ -7,8 +7,8 @@ $notification-color: $highlight-color;
$link: $highlight-color;
$link-focus: darken($highlight-color, 10%);
$dashboard-accent-1: #3858e9;
$dashboard-accent-2: #1b8362;
$dashboard-accent-1: #273fcc;
$dashboard-accent-2: #627eff;
$dashboard-icon-background: #1d2327;
@import "../_admin.scss";

View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #f3f7f4;
background-color: #9ebaa0;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #9ebaa0;
}
.welcome-panel-header-image .about-zero {
fill: #738e96;
}
[class*=welcome-panel-icon] {
background-color: #738e96;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -674,17 +674,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #f3f7f4;
background-color: #9ebaa0;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #9ebaa0;
}
.welcome-panel-header-image .about-zero {
fill: #738e96;
}
[class*=welcome-panel-icon] {
background-color: #738e96;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #fbf0e7;
background-color: #dd823b;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #dd823b;
}
.welcome-panel-header-image .about-zero {
fill: #cf4944;
}
[class*=welcome-panel-icon] {
background-color: #cf4944;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -707,17 +707,14 @@ div#wp-responsive-toggle a:before {
/* Welcome Panel */
.welcome-panel {
background-color: #fbf0e7;
background-color: #dd823b;
}
.welcome-panel-header-image .about-six {
.welcome-panel-header-image path {
stroke: rgba(255, 255, 255, 0.5);
fill: #dd823b;
}
.welcome-panel-header-image .about-zero {
fill: #cf4944;
}
[class*=welcome-panel-icon] {
background-color: #cf4944;
background-color: rgba(255, 255, 255, 0.5);
}

File diff suppressed because one or more lines are too long

View File

@ -121,7 +121,7 @@
position: relative;
overflow: auto;
margin: 16px 0;
background-color: #e7ebfd;
background-color: #273fcc;
font-size: 14px;
line-height: 1.3;
clear: both;
@ -147,29 +147,35 @@
}
.welcome-panel-header {
--about-header-image-width: 521px;
--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
--about-header-bg-offset-inline: 2rem;
--about-header-bg-width: 780px;
position: relative;
color: #fff;
}
.welcome-panel-header-image {
position: absolute;
top: -1rem;
left: var(--about-header-bg-offset-inline);
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
width: var(--about-header-bg-width);
height: auto;
right: 0;
z-index: 0 !important;
overflow: hidden;
}
.welcome-panel-header-image svg {
width: 100%;
display: block;
margin: auto;
width: var(--about-header-bg-width);
height: auto;
transform: scale(0.75);
transform-origin: center top;
}
.welcome-panel-header a {
.welcome-panel-header * {
color: inherit;
position: relative;
z-index: 1;
}
.welcome-panel-header a:focus,
@ -209,18 +215,18 @@
transition: all .1s ease-in-out;
content: '\f335';
font-size: 24px;
color: #1d2327;
color: #fff;
}
.welcome-panel .welcome-panel-close {
color: #1d2327;
color: #fff;
}
.welcome-panel .welcome-panel-close:hover,
.welcome-panel .welcome-panel-close:focus,
.welcome-panel .welcome-panel-close:hover::before,
.welcome-panel .welcome-panel-close:focus::before {
color: #2271b1;
color: #fff972;
}
/* @deprecated 5.9.0 -- Button removed from panel. */
@ -246,7 +252,6 @@
max-width: 1500px;
width: 100%;
padding: 48px 48px 80px 0;
padding-left: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
}
.welcome-panel .welcome-panel-column-container {
@ -265,13 +270,16 @@
[class*="welcome-panel-icon"] {
height: 60px;
width: 60px;
background-color: #1d2327;
background-position: center;
background-size: 24px 24px;
background-repeat: no-repeat;
border-radius: 100%;
}
.welcome-panel-column > svg {
margin-top: 4px;
}
.welcome-panel-column {
display: grid;
grid-template-columns: min-content 1fr;
@ -1353,21 +1361,13 @@ a.rsswidget {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"] {
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
}
}
@media screen and (max-width: 782px) {
.welcome-panel-header {
--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
--about-header-bg-offset-inline: 1rem;
}
.welcome-panel-header-image {
top: 2rem;
}
.welcome-panel .welcome-panel-column-container {
grid-template-columns: 1fr;
box-sizing: border-box;
@ -1458,7 +1458,8 @@ a.rsswidget {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"] {
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
}
}

File diff suppressed because one or more lines are too long

View File

@ -120,7 +120,7 @@
position: relative;
overflow: auto;
margin: 16px 0;
background-color: #e7ebfd;
background-color: #273fcc;
font-size: 14px;
line-height: 1.3;
clear: both;
@ -146,29 +146,35 @@
}
.welcome-panel-header {
--about-header-image-width: 521px;
--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
--about-header-bg-offset-inline: 2rem;
--about-header-bg-width: 780px;
position: relative;
color: #fff;
}
.welcome-panel-header-image {
position: absolute;
top: -1rem;
right: var(--about-header-bg-offset-inline);
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
width: var(--about-header-bg-width);
height: auto;
left: 0;
z-index: 0 !important;
overflow: hidden;
}
.welcome-panel-header-image svg {
width: 100%;
display: block;
margin: auto;
width: var(--about-header-bg-width);
height: auto;
transform: scale(0.75);
transform-origin: center top;
}
.welcome-panel-header a {
.welcome-panel-header * {
color: inherit;
position: relative;
z-index: 1;
}
.welcome-panel-header a:focus,
@ -208,18 +214,18 @@
transition: all .1s ease-in-out;
content: '\f335';
font-size: 24px;
color: #1d2327;
color: #fff;
}
.welcome-panel .welcome-panel-close {
color: #1d2327;
color: #fff;
}
.welcome-panel .welcome-panel-close:hover,
.welcome-panel .welcome-panel-close:focus,
.welcome-panel .welcome-panel-close:hover::before,
.welcome-panel .welcome-panel-close:focus::before {
color: #2271b1;
color: #fff972;
}
/* @deprecated 5.9.0 -- Button removed from panel. */
@ -245,7 +251,6 @@
max-width: 1500px;
width: 100%;
padding: 48px 0 80px 48px;
padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
}
.welcome-panel .welcome-panel-column-container {
@ -264,13 +269,16 @@
[class*="welcome-panel-icon"] {
height: 60px;
width: 60px;
background-color: #1d2327;
background-position: center;
background-size: 24px 24px;
background-repeat: no-repeat;
border-radius: 100%;
}
.welcome-panel-column > svg {
margin-top: 4px;
}
.welcome-panel-column {
display: grid;
grid-template-columns: min-content 1fr;
@ -1352,21 +1360,13 @@ a.rsswidget {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"] {
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
}
}
@media screen and (max-width: 782px) {
.welcome-panel-header {
--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
--about-header-bg-offset-inline: 1rem;
}
.welcome-panel-header-image {
top: 2rem;
}
.welcome-panel .welcome-panel-column-container {
grid-template-columns: 1fr;
box-sizing: border-box;
@ -1457,7 +1457,8 @@ a.rsswidget {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"] {
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -2042,7 +2042,10 @@ function wp_welcome_panel() {
</div>
<div class="welcome-panel-column-container">
<div class="welcome-panel-column">
<div class="welcome-panel-icon-pages"></div>
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.0668 17.0854L28.8221 13.9454L18.2008 24.671L16.8983 29.0827L21.4257 27.8309L32.0668 17.0854ZM16 32.75H24V31.25H16V32.75Z" fill="white"/>
</svg>
<div class="welcome-panel-column-content">
<h3><?php _e( 'Author rich content with blocks and patterns' ); ?></h3>
<p><?php _e( 'Block patterns are pre-configured block layouts. Use them to get inspired or create new pages in a flash.' ); ?></p>
@ -2050,7 +2053,10 @@ function wp_welcome_panel() {
</div>
</div>
<div class="welcome-panel-column">
<div class="welcome-panel-icon-layout"></div>
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 16h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H18a2 2 0 0 1-2-2V18a2 2 0 0 1 2-2zm12 1.5H18a.5.5 0 0 0-.5.5v3h13v-3a.5.5 0 0 0-.5-.5zm.5 5H22v8h8a.5.5 0 0 0 .5-.5v-7.5zm-10 0h-3V30a.5.5 0 0 0 .5.5h2.5v-8z" fill="#fff"/>
</svg>
<div class="welcome-panel-column-content">
<?php if ( $is_block_theme ) : ?>
<h3><?php _e( 'Customize your entire site with block themes' ); ?></h3>
@ -2066,7 +2072,10 @@ function wp_welcome_panel() {
</div>
</div>
<div class="welcome-panel-column">
<div class="welcome-panel-icon-styles"></div>
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M31 24a7 7 0 0 1-7 7V17a7 7 0 0 1 7 7zm-7-8a8 8 0 1 1 0 16 8 8 0 0 1 0-16z" fill="#fff"/>
</svg>
<div class="welcome-panel-column-content">
<?php if ( $is_block_theme ) : ?>
<h3><?php _e( 'Switch up your site&#8217;s look & feel with Styles' ); ?></h3>

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.1-RC1-54637';
$wp_version = '6.1-RC1-54638';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.