Make WordPress Core

Changeset 55451


Ignore:
Timestamp:
03/01/2023 04:40:29 PM (21 months ago)
Author:
ryelle
Message:

Administration: Update the Dashboard welcome banner for 6.2.

Props richtabor, markoserb, laurlittle.
See #57759.

Location:
trunk/src/wp-admin
Files:
1 added
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r55048 r55451  
    789789
    790790/* Welcome Panel */
    791 .welcome-panel {
    792     background-color: $dashboard-accent-1;
    793 }
    794 
    795 .welcome-panel-header-image circle {
    796     stroke: $dashboard-accent-2;
    797     fill: $dashboard-accent-1;
    798 }
    799 
    800 [class*="welcome-panel-icon"] {
    801     background-color: $dashboard-icon-background;
    802 }
     791@if ( $custom-welcome-panel == "true" ) {
     792    .welcome-panel {
     793        background-color: $dashboard-accent-1;
     794    }
     795
     796    .welcome-panel-header-image .curve,
     797    .welcome-panel-header-image .dot {
     798        fill: $dashboard-accent-2;
     799    }
     800
     801    [class*="welcome-panel-icon"] {
     802        background-color: $dashboard-icon-background;
     803    }
     804}
  • trunk/src/wp-admin/css/colors/_variables.scss

    r54638 r55451  
    6666// Dashboard Colors
    6767
     68$custom-welcome-panel: "true" !default;
    6869$dashboard-accent-1: $highlight-color !default;
    69 $dashboard-accent-2: rgba(255, 255, 255, 0.5) !default;
     70$dashboard-accent-2: rgba(255, 255, 255, 0.33) !default;
    7071$dashboard-icon-background: $dashboard-accent-2 !default;
    7172
  • trunk/src/wp-admin/css/colors/modern/colors.scss

    r54638 r55451  
    88$link-focus: darken($highlight-color, 10%);
    99
    10 $dashboard-accent-1: #273fcc;
    11 $dashboard-accent-2: #627eff;
    12 $dashboard-icon-background: #1d2327;
     10$custom-welcome-panel: "false";
    1311
    1412@import "../_admin.scss";
  • trunk/src/wp-admin/css/dashboard.css

    r54638 r55451  
    121121    overflow: auto;
    122122    margin: 16px 0;
    123     background-color: #273fcc;
     123    background-color: #1d35b4;
    124124    font-size: 14px;
    125125    line-height: 1.3;
     
    147147
    148148.welcome-panel-header {
    149     --about-header-bg-width: 780px;
    150 
    151149    position: relative;
    152150    color: #fff;
     
    166164    display: block;
    167165    margin: auto;
    168     width: var(--about-header-bg-width);
    169     height: auto;
    170     transform: scale(0.75);
    171     transform-origin: center top;
     166    width: 100%;
     167    height: 100%;
     168}
     169
     170.rtl .welcome-panel-header-image svg {
     171    transform: scaleX(-1);
    172172}
    173173
  • trunk/src/wp-admin/includes/dashboard.php

    r55412 r55451  
    20442044    <div class="welcome-panel-header">
    20452045        <div class="welcome-panel-header-image">
    2046             <?php echo file_get_contents( dirname( __DIR__ ) . '/images/about-header-about.svg' ); ?>
     2046            <?php echo file_get_contents( dirname( __DIR__ ) . '/images/dashboard-background.svg' ); ?>
    20472047        </div>
    20482048        <h2><?php _e( 'Welcome to WordPress!' ); ?></h2>
Note: See TracChangeset for help on using the changeset viewer.