Make WordPress Core

Ticket #46623: 46623.4.diff

File 46623.4.diff, 5.4 KB (added by melchoyce, 6 years ago)

Swaps out badge border and text colors for core equivalents

  • src/wp-admin/css/site-health.css

     
    275275.health-check-accordion-trigger {
    276276        background: #fff;
    277277        border: 0;
    278         color: #212121;
     278        color: #32373C;
    279279        cursor: pointer;
    280280        display: block;
    281281        font-weight: 400;
     
    318318}
    319319
    320320.health-check-accordion-trigger .badge {
    321         display: inline-block;
     321        float: right;
    322322        padding: 0.1rem 0.5rem 0.15rem;
    323         background-color: #d7dade;
    324         border-radius: 3px;
    325         color: #000;
     323        color: #32373C;
    326324        font-weight: 600;
    327         margin: 0 0.5rem;
     325        margin: 0 2rem 0 0.5rem;
    328326}
    329327
    330328.health-check-accordion-trigger .badge.blue {
    331         background-color: #0073af;
    332         color: #fff;
     329        border: 1px solid #BFE7F3;
    333330}
    334331
    335332.health-check-accordion-trigger .badge.orange {
    336         background-color: #ffb900;
    337         color: #000;
     333        border: 1px solid #ffb900;
    338334}
    339335
    340336.health-check-accordion-trigger .badge.red {
    341         background-color: #dc3232;
    342         color: #fff;
     337        border: 1px solid #dc3232;
    343338}
    344339
    345340.health-check-accordion-trigger .badge.green {
    346         background-color: #40860a;
    347         color: #fff;
     341        border: 1px solid #46B450;
    348342}
    349343
    350 .health-check-accordion-trigger .badge.pink {
    351         background-color: #f4b0fc;
    352         color: #000;
     344.health-check-accordion-trigger .badge.purple {
     345        border: 1px solid #826EB4;
    353346}
    354347
    355348.health-check-accordion-trigger .badge.gray {
    356         background-color: #ccc;
    357         color: #000;
     349        border: 1px solid #ccd0d4;
    358350}
    359351
    360 .health-check-accordion-trigger .badge.light-blue {
    361         background-color: #10e9fb;
    362         color: #000;
    363 }
    364 
    365 .health-check-accordion-trigger .badge.light-green {
    366         background-color: #60f999;
    367         color: #000;
    368 }
    369 
    370352.health-check-accordion-trigger[aria-expanded="true"] .icon {
    371353        transform: translateY(-30%) rotate(-135deg)
    372354}
  • src/wp-admin/includes/class-wp-site-health.php

     
    183183                        'status'      => '',
    184184                        'badge'       => array(
    185185                                'label' => __( 'Performance' ),
    186                                 'color' => 'red',
     186                                'color' => 'blue',
    187187                        ),
    188188                        'description' => '',
    189189                        'actions'     => '',
     
    283283                        'status'      => 'good',
    284284                        'badge'       => array(
    285285                                'label' => __( 'Security' ),
    286                                 'color' => 'red',
     286                                'color' => 'blue',
    287287                        ),
    288288                        'description' => sprintf(
    289289                                '<p>%s</p>',
     
    399399                        'status'      => 'good',
    400400                        'badge'       => array(
    401401                                'label' => __( 'Security' ),
    402                                 'color' => 'red',
     402                                'color' => 'blue',
    403403                        ),
    404404                        'description' => sprintf(
    405405                                '<p>%s</p>',
     
    623623                        'status'      => 'good',
    624624                        'badge'       => array(
    625625                                'label' => __( 'Performance' ),
    626                                 'color' => 'red',
     626                                'color' => 'blue',
    627627                        ),
    628628                        'description' => sprintf(
    629629                                '<p>%s</p>',
     
    712712                        'status'      => 'good',
    713713                        'badge'       => array(
    714714                                'label' => __( 'Performance' ),
    715                                 'color' => 'orange',
     715                                'color' => 'blue',
    716716                        ),
    717717                        'description' => sprintf(
    718718                                '<p>%s</p><p>%s</p>',
     
    908908                        'status'      => 'good',
    909909                        'badge'       => array(
    910910                                'label' => __( 'Performance' ),
    911                                 'color' => 'red',
     911                                'color' => 'blue',
    912912                        ),
    913913                        'description' => sprintf(
    914914                                '<p>%s</p>',
     
    988988                        'status'      => 'good',
    989989                        'badge'       => array(
    990990                                'label' => __( 'Performance' ),
    991                                 'color' => 'orange',
     991                                'color' => 'blue',
    992992                        ),
    993993                        'description' => sprintf(
    994994                                '<p>%s</p>',
     
    11031103                        'status'      => '',
    11041104                        'badge'       => array(
    11051105                                'label' => __( 'Security' ),
    1106                                 'color' => 'red',
     1106                                'color' => 'blue',
    11071107                        ),
    11081108                        'description' => sprintf(
    11091109                                '<p>%s</p>',
     
    11631163                        'status'      => 'good',
    11641164                        'badge'       => array(
    11651165                                'label' => __( 'Security' ),
    1166                                 'color' => 'red',
     1166                                'color' => 'blue',
    11671167                        ),
    11681168                        'description' => sprintf(
    11691169                                '<p>%s</p>',
     
    12241224                        'status'      => 'good',
    12251225                        'badge'       => array(
    12261226                                'label' => __( 'Security' ),
    1227                                 'color' => 'red',
     1227                                'color' => 'blue',
    12281228                        ),
    12291229                        'description' => sprintf(
    12301230                                '<p>%s</p>',
     
    12871287                        'status'      => '',
    12881288                        'badge'       => array(
    12891289                                'label' => __( 'Security' ),
    1290                                 'color' => 'red',
     1290                                'color' => 'blue',
    12911291                        ),
    12921292                        'description' => sprintf(
    12931293                                '<p>%s</p>',
     
    13331333                        'status'      => 'good',
    13341334                        'badge'       => array(
    13351335                                'label' => __( 'Performance' ),
    1336                                 'color' => 'orange',
     1336                                'color' => 'blue',
    13371337                        ),
    13381338                        'description' => sprintf(
    13391339                                '<p>%s</p>',
     
    13941394                        'status'      => 'good',
    13951395                        'badge'       => array(
    13961396                                'label' => __( 'Security' ),
    1397                                 'color' => 'red',
     1397                                'color' => 'blue',
    13981398                        ),
    13991399                        'description' => sprintf(
    14001400                                '<p>%s</p>',
     
    14701470                        'status'      => 'good',
    14711471                        'badge'       => array(
    14721472                                'label' => __( 'Performance' ),
    1473                                 'color' => 'orange',
     1473                                'color' => 'blue',
    14741474                        ),
    14751475                        'description' => sprintf(
    14761476                                '<p>%s</p>',
     
    15121512                        'status'      => 'good',
    15131513                        'badge'       => array(
    15141514                                'label' => __( 'Performance' ),
    1515                                 'color' => 'orange',
     1515                                'color' => 'blue',
    15161516                        ),
    15171517                        'description' => sprintf(
    15181518                                '<p>%s</p>',
     
    15831583                        'status'      => 'good',
    15841584                        'badge'       => array(
    15851585                                'label' => __( 'Performance' ),
    1586                                 'color' => 'orange',
     1586                                'color' => 'blue',
    15871587                        ),
    15881588                        'description' => sprintf(
    15891589                                '<p>%s</p>',