Changeset 54638

Timestamp:

10/18/2022 06:33:25 PM (2 years ago)

Author:

davidbaumwald

Message:

Administration: Update the Dashboard welcome banner for 6.1.

Reviewed by ryelle and davidbaumwald.

Props ryelle, adampickering, mikeschroder, richtabor.
Fixes #56703.

Location:

trunk/src/wp-admin

Files:

• css/colors/_admin.scss (modified) (1 diff)
• css/colors/_variables.scss (modified) (1 diff)
• css/colors/ectoplasm/colors.scss (modified) (1 diff)
• css/colors/light/colors.scss (modified) (1 diff)
• css/colors/midnight/colors.scss (modified) (1 diff)
• css/colors/modern/colors.scss (modified) (1 diff)
• css/dashboard.css (modified) (9 diffs)
• images/about-header-about.svg (modified) (1 diff)
• includes/dashboard.php (modified) (3 diffs)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -786 +786 @@
 /* Welcome Panel */
 .welcome-panel {
-    background-color: mix($dashboard-accent-1, white, 12%);
-}
-
-.welcome-panel-header-image .about-six {
+    background-color: $dashboard-accent-1;
+}
+
+.welcome-panel-header-image path {
+    stroke: $dashboard-accent-2;
     fill: $dashboard-accent-1;
-}
-
-.welcome-panel-header-image .about-zero {
-    fill: $dashboard-accent-2;
 }
 

trunk/src/wp-admin/css/colors/_variables.scss

@@ -67 +67 @@
 
 $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;
 

trunk/src/wp-admin/css/colors/ectoplasm/colors.scss

@@ -7 +7 @@
 $form-checked: $base-color;
 
+$dashboard-accent-1: $base-color;
+
 @import "../_admin.scss";

trunk/src/wp-admin/css/colors/light/colors.scss

@@ -19 +19 @@
 $menu-collapse-focus-icon: #555;
 
-$dashboard-accent-2: $icon-color;
 $dashboard-icon-background: $text-color;
 

trunk/src/wp-admin/css/colors/midnight/colors.scss

@@ -4 +4 @@
 $notification-color: #69a8bb;
 
+$dashboard-accent-1: $notification-color;
 $dashboard-icon-background: $highlight-color;
 

trunk/src/wp-admin/css/colors/modern/colors.scss

@@ -8 +8 @@
 $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;
 

trunk/src/wp-admin/css/dashboard.css

@@ -121 +121 @@
     overflow: auto;
     margin: 16px 0;
-    background-color: #e7ebfd;
+    background-color: #273fcc;
     font-size: 14px;
     line-height: 1.3;
@@ -147 +147 @@
 
 .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;
+    left: 0;
+    z-index: 0 !important;
+    overflow: hidden;
+}
+
+.welcome-panel-header-image svg {
+    display: block;
+    margin: auto;
     width: var(--about-header-bg-width);
     height: auto;
-}
-
-.welcome-panel-header-image svg {
-    width: 100%;
-    height: auto;
-}
-
-.welcome-panel-header a {
+    transform: scale(0.75);
+    transform-origin: center top;
+}
+
+.welcome-panel-header * {
     color: inherit;
+    position: relative;
+    z-index: 1;
 }
 
@@ -209 +215 @@
     content: '\f335';
     font-size: 24px;
-    color: #1d2327;
+    color: #fff;
 }
 
 .welcome-panel .welcome-panel-close {
-    color: #1d2327;
+    color: #fff;
 }
 
@@ -220 +226 @@
 .welcome-panel .welcome-panel-close:hover::before,
 .welcome-panel .welcome-panel-close:focus::before {
-    color: #2271b1;
+    color: #fff972;
 }
 
@@ -246 +252 @@
     width: 100%;
     padding: 48px 0 80px 48px;
-    padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
 }
 
@@ -265 +270 @@
     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;
 }
 
@@ -1353 +1361 @@
     }
 
-    [class*="welcome-panel-icon"] {
+    [class*="welcome-panel-icon"],
+    .welcome-panel-column > svg {
         display: none;
     }
@@ -1359 +1368 @@
 
 @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;
@@ -1458 +1458 @@
     }
 
-    [class*="welcome-panel-icon"] {
+    [class*="welcome-panel-icon"],
+    .welcome-panel-column > svg {
         display: none;
     }

trunk/src/wp-admin/images/about-header-about.svg

@@ -1 @@
-<svg width="780" height="550" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".5" clip-path="url(#clip0_1462_2043)" fill="#273FCC" stroke="#627EFF" stroke-width="2" stroke-miterlimit="10"><path d="M500.857 71.524c0-36.51-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M498.687 43.138c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.51 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M492.377 16.14c0-36.508-29.615-66.105-66.148-66.105-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M482.243-9.165c0-36.509-29.616-66.105-66.148-66.105s-66.147 29.596-66.147 66.105c0 36.51 29.615 66.106 66.147 66.106 36.532 0 66.148-29.596 66.148-66.106z"/><path d="M468.63-32.447c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.597-66.148 66.106c0 36.51 29.616 66.106 66.148 66.106S468.63 4.062 468.63-32.447z"/><path d="M451.855-53.376c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.597-66.148 66.106c0 36.509 29.616 66.106 66.148 66.106s66.148-29.597 66.148-66.106zM182.964-53.072c0-36.51-29.615-66.106-66.147-66.106-36.532 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M166.084-32.183c0-36.509-29.616-66.106-66.148-66.106S33.788-68.691 33.788-32.183c0 36.51 29.616 66.106 66.148 66.106s66.148-29.596 66.148-66.106z"/><path d="M152.378-8.953c0-36.51-29.615-66.106-66.148-66.106-36.532 0-66.148 29.597-66.148 66.106 0 36.509 29.616 66.106 66.148 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M142.178 16.3c0-36.51-29.615-66.106-66.148-66.106-36.532 0-66.147 29.596-66.147 66.105 0 36.51 29.615 66.106 66.147 66.106 36.533 0 66.148-29.596 66.148-66.106z"/><path d="M135.814 43.23c0-36.508-29.615-66.105-66.147-66.105-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 71.524c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 71.524c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 99.05c0-36.509-29.615-66.105-66.147-66.105-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M133.618 126.577c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 154.09c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 181.617c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M133.618 209.143c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 236.67c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M133.618 264.196c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 291.722c0-36.509-29.615-66.105-66.147-66.105-36.533 0-66.148 29.596-66.148 66.105 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.596 66.147-66.106z"/><path d="M133.618 319.236c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M133.618 346.762c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M133.618 374.289c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M133.618 374.831c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M134.571 393.565c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M137.349 411.757c0-36.509-29.615-66.105-66.148-66.105-36.532 0-66.147 29.596-66.147 66.105 0 36.51 29.615 66.106 66.147 66.106 36.533 0 66.148-29.596 66.148-66.106z"/><path d="M141.86 429.315c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M148.025 446.146c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M155.751 462.17c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105zM477.679 464.073c0-36.509-29.615-66.105-66.148-66.105-36.532 0-66.147 29.596-66.147 66.105 0 36.51 29.615 66.106 66.147 66.106 36.533 0 66.148-29.596 66.148-66.106z"/><path d="M489.308 438.98c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.596-66.148 66.106c0 36.509 29.616 66.105 66.148 66.105s66.148-29.596 66.148-66.105z"/><path d="M497.086 412.008c0-36.509-29.615-66.105-66.147-66.105-36.533 0-66.148 29.596-66.148 66.105 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.596 66.147-66.106z"/><path d="M500.658 383.517c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M499.931 354.43c0-36.509-29.616-66.105-66.148-66.105s-66.148 29.596-66.148 66.105c0 36.51 29.616 66.106 66.148 66.106s66.148-29.596 66.148-66.106z"/><path d="M494.877 326.428c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M485.735 300.078c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M472.863 275.725c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M456.591 253.698c0-36.509-29.615-66.105-66.148-66.105-36.532 0-66.147 29.596-66.147 66.105 0 36.51 29.615 66.106 66.147 66.106 36.533 0 66.148-29.596 66.148-66.106z"/><path d="M437.289 234.369c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M415.288 218.054c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M390.946 205.124c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M364.606 195.896c0-36.51-29.615-66.106-66.148-66.106-36.532 0-66.147 29.596-66.147 66.106 0 36.509 29.615 66.105 66.147 66.105 36.533 0 66.148-29.596 66.148-66.105z"/><path d="M336.612 190.739c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M307.468 189.986c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.596-66.148 66.106c0 36.509 29.616 66.105 66.148 66.105s66.148-29.596 66.148-66.105z"/><path d="M279.103 193.754c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M252.247 201.739c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M227.257 213.559c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M204.489 228.882c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M184.274 247.352c0-36.509-29.615-66.106-66.148-66.106-36.532 0-66.147 29.597-66.147 66.106 0 36.509 29.615 66.106 66.147 66.106 36.533 0 66.148-29.597 66.148-66.106z"/><path d="M166.957 268.599c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.596-66.148 66.106c0 36.509 29.616 66.105 66.148 66.105s66.148-29.596 66.148-66.105z"/><path d="M152.894 292.264c0-36.509-29.616-66.105-66.148-66.105s-66.148 29.596-66.148 66.105c0 36.51 29.616 66.106 66.148 66.106s66.148-29.596 66.148-66.106z"/><path d="M142.416 318.019c0-36.509-29.615-66.105-66.148-66.105-36.532 0-66.147 29.596-66.147 66.105 0 36.51 29.615 66.106 66.147 66.106 36.533 0 66.148-29.596 66.148-66.106z"/><path d="M135.881 345.466c0-36.509-29.616-66.105-66.148-66.105-36.533 0-66.148 29.596-66.148 66.105 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.148-29.596 66.148-66.106z"/><path d="M133.618 374.289c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105zM778.677 449.729c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M778.677 428.072c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 406.403c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 384.733c0-36.509-29.615-66.105-66.147-66.105-36.533 0-66.148 29.596-66.148 66.105 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.596 66.147-66.106z"/><path d="M778.677 363.077c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 341.408c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M778.677 319.738c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 298.069c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M778.677 276.412c0-36.509-29.615-66.105-66.147-66.105-36.533 0-66.148 29.596-66.148 66.105 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.596 66.147-66.106z"/><path d="M778.677 254.743c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 233.073c0-36.509-29.615-66.105-66.147-66.105-36.533 0-66.148 29.596-66.148 66.105 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.596 66.147-66.106z"/><path d="M778.677 211.417c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 189.748c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 168.078c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 146.422c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 124.753c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M778.677 103.083c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.509 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 81.413c0-36.509-29.615-66.105-66.147-66.105-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.106z"/><path d="M778.677 59.757c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 38.088c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677 16.418c0-36.509-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.596 66.147-66.106z"/><path d="M778.677-5.238c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M778.677-26.907c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.596-66.148 66.106 0 36.509 29.615 66.105 66.148 66.105 36.532 0 66.147-29.596 66.147-66.105z"/><path d="M778.677-48.577c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M729.066-44.161c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M712.529-21.024c0-36.51-29.615-66.106-66.147-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.147-29.597 66.147-66.106z"/><path d="M695.993 2.113c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.597-66.148 66.106c0 36.51 29.616 66.106 66.148 66.106s66.148-29.597 66.148-66.106z"/><path d="M679.456 25.25c0-36.51-29.616-66.106-66.148-66.106-36.533 0-66.148 29.597-66.148 66.106 0 36.51 29.615 66.106 66.148 66.106 36.532 0 66.148-29.597 66.148-66.106z"/><path d="M662.919 48.387c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.597-66.148 66.106c0 36.51 29.616 66.106 66.148 66.106s66.148-29.597 66.148-66.106z"/><path d="M646.382 71.524c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.597-66.148 66.106c0 36.509 29.616 66.106 66.148 66.106s66.148-29.597 66.148-66.106zM646.382 465.515c0-36.51-29.616-66.106-66.148-66.106s-66.148 29.596-66.148 66.106c0 36.509 29.616 66.105 66.148 66.105s66.148-29.596 66.148-66.105z"/></g><defs><clipPath id="clip0_1462_2043"><path fill="#fff" transform="translate(0 -181)" d="M0 0h780v806.491H0z"/></clipPath></defs></svg>
+<svg width="521" height="504" viewBox="0 0 521 504" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+    <path class="about-six" d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 14.928-16.006 28.028-27.895 39.301-11.89 10.968-25.914 19.651-42.072 26.048-15.853 6.398-32.926 9.597-51.218 9.597-19.816 0-37.956-3.808-54.419-11.425-16.462-7.921-30.639-18.889-42.529-32.903-11.585-14.014-20.73-30.618-27.438-49.812C3.201 247.385 0 225.906 0 202.447c0-27.724 4.268-53.772 12.804-78.145 8.537-24.678 20.122-46.157 34.755-64.436 14.634-18.584 31.707-33.208 51.218-43.871C118.289 5.332 139.172 0 161.427 0c12.195 0 23.628 1.371 34.298 4.113 10.67 2.437 19.816 5.94 27.438 10.51 7.927 4.57 14.176 10.054 18.749 16.452 4.573 6.094 6.86 12.796 6.86 20.108 0 8.835-2.744 15.842-8.232 21.022-5.487 4.874-12.804 7.311-21.95 7.311-6.402 0-11.433-1.37-15.091-4.112-3.658-2.742-6.86-6.094-9.603-10.054-2.439-3.96-4.726-8.226-6.86-12.796-2.134-4.875-4.878-9.292-8.231-13.253-3.049-3.96-7.012-7.312-11.89-10.054-4.878-2.741-11.433-4.113-19.664-4.113-10.061 0-19.359 3.352-27.895 10.054-8.537 6.398-16.006 15.386-22.408 26.963-6.097 11.272-10.975 24.677-14.634 40.215-3.658 15.538-5.487 32.446-5.487 50.726l1.371.914c9.756-10.968 19.97-19.041 30.64-24.22 10.975-5.18 23.779-7.769 38.413-7.769 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 27.133 13.862 37.498 24.22 10.671 10.359 19.055 22.697 25.152 37.016 6.097 14.015 9.146 29.248 9.146 45.7Zm-189.78-10.968c0 35.95 5.03 63.065 15.09 81.344 10.366 18.28 25.305 27.42 44.816 27.42 19.207 0 33.383-7.769 42.529-23.307 9.146-15.538 13.719-39.758 13.719-72.661 0-29.857-4.42-52.402-13.261-67.635-8.537-15.538-21.189-23.307-37.956-23.307-13.414 0-25.152 4.265-35.212 12.796-10.061 8.53-19.97 22.088-29.725 40.672v24.678Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
+    <path d="M156.25 398.381c0-8.068 2.648-14.877 7.943-20.424 5.547-5.799 12.355-8.699 20.424-8.699 8.321 0 15.255 2.9 20.803 8.699 5.547 5.547 8.321 12.356 8.321 20.424 0 7.817-2.774 14.499-8.321 20.047-5.548 5.295-12.482 7.942-20.803 7.942-8.069 0-14.877-2.647-20.424-7.942-5.295-5.548-7.943-12.23-7.943-20.047Z" fill="#2F2F2F" style="mix-blend-mode:multiply"/>
+    <path class="about-zero" d="M369.361 142.207c20.947 0 40.528 4.722 58.743 14.167 18.519 9.444 34.608 22.392 48.269 38.844 13.662 16.452 24.439 35.798 32.332 58.038 8.196 22.24 12.295 46.308 12.295 72.205 0 24.677-4.099 47.831-12.295 69.462-7.893 21.631-18.67 40.52-32.332 56.667-13.661 15.843-29.75 28.486-48.269 37.931-18.215 9.139-37.796 13.709-58.743 13.709-20.643 0-40.072-4.57-58.287-13.709-17.911-9.445-33.697-22.088-47.358-37.931-13.358-16.147-23.983-35.036-31.876-56.667-7.893-21.631-11.84-44.785-11.84-69.462 0-25.897 3.947-49.965 11.84-72.205 7.893-22.24 18.518-41.586 31.876-58.038 13.661-16.452 29.447-29.4 47.358-38.844 18.215-9.445 37.644-14.167 58.287-14.167Zm0 334.518c10.929 0 20.644-2.285 29.144-6.855 8.804-4.875 16.242-13.101 22.313-24.678 6.072-11.577 10.626-26.962 13.661-46.156 3.34-19.193 5.009-43.262 5.009-72.204 0-30.162-1.669-55.296-5.009-75.404-3.035-20.412-7.589-36.712-13.661-48.898-6.071-12.187-13.509-20.869-22.313-26.049-8.5-5.179-18.215-7.768-29.144-7.768-10.928 0-20.795 2.589-29.599 7.768-8.5 5.18-15.786 13.862-21.857 26.049-6.072 12.186-10.778 28.486-14.117 48.898-3.036 20.108-4.554 45.242-4.554 75.404 0 28.942 1.518 53.011 4.554 72.204 3.339 19.194 8.045 34.579 14.117 46.156 6.071 11.577 13.357 19.803 21.857 24.678 8.804 4.57 18.671 6.855 29.599 6.855Z" fill="#1B8362" style="mix-blend-mode:multiply"/>
+</svg>

trunk/src/wp-admin/includes/dashboard.php

@@ -2043 +2043 @@
     <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>
@@ -2051 +2054 @@
         </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 ) : ?>
@@ -2067 +2073 @@
         </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 ) : ?>