[wp-trac] [WordPress Trac] #64549: Admin Reskin: Update card and metabox styling to align with WordPress Design System

[WordPress Trac]

#64549: Admin Reskin: Update card and metabox styling to align with WordPress
Design System
----------------------------+-------------------------------------
 Reporter:  fabiankaegy     |       Owner:  joedolson
     Type:  enhancement     |      Status:  closed
 Priority:  normal          |   Milestone:  7.0
Component:  Administration  |     Version:
 Severity:  normal          |  Resolution:  fixed
 Keywords:  has-patch       |     Focuses:  ui, accessibility, css
----------------------------+-------------------------------------

Comment (by wildworks):

 The welcome panel has a black background applied to the entire box. When a
 transparent border is applied to this box, the black background is
 exposed, resulting in a black border. I don't think this is the intended
 design.

 Perhaps the black background should only be applied to the header, rather
 than the box itself. Example:

 {{{
 diff --git a/src/wp-admin/css/dashboard.css b/src/wp-
 admin/css/dashboard.css
 index 1c5d42ea6b..8605694adf 100644
 --- a/src/wp-admin/css/dashboard.css
 +++ b/src/wp-admin/css/dashboard.css
 @@ -140,7 +140,6 @@
         position: relative;
         overflow: auto;
         margin: 16px 0;
 -       background-color: #151515;
         border: 1px solid rgb(0, 0, 0, 0.1);
         border-radius: 8px;
         font-size: 14px;
 @@ -170,6 +169,7 @@
  .welcome-panel-header {
         position: relative;
         color: #fff;
 +       background-color: #151515;
  }

  .welcome-panel-header-image {
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64549#comment:16>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform