WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
12/14/2018 02:32:33 AM (6 years ago)
Author:
pento
Message:

Default Themes: Import Twenty Nineteen from the 5.0 branch.

Merges [43808,43821,43842,43860,43892,43904,43909,43926-43929,43956,43961-43963] from the 5.0 branch to trunk.

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, jorbin, netweb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins, peterwilsoncc, dannycooper, iCaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, grapplerulrich, ocean90, joshfeck, frankew, AbdulWahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, nao, mayukojpn, enodekciw, ketuchetan, atanasangelovdev, poena, sharaz, artisticasad, mukesh27, burhandodhy, crunnells, aprakasa, themeroots, imonly_ik, tlxo, youthkee, brentswisher, smyoon315, mrahmadawais, desideveloper, Kau-Boy, mor10, mikeyarce, dingo_bastard, xkon, twoabove.

Fixes #45424.

Location:
trunk
Files:
1 edited
2 copied

Legend:

Unmodified
Added
Removed

  • trunk

  • trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php

    r43842 r44149  
    99
    1010/**
    11  * Generate the CSS for the current custom color scheme.
     11 * Generate the CSS for the current primary color.
    1212 */
    1313function twentynineteen_custom_colors_css() {
    1414
    15     $default_primary_color       = 199;
    16     $primary_color               = absint( get_theme_mod( 'colorscheme_hue', $default_primary_color ) );
     15    if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
     16        $primary_color = 199;
     17    } else {
     18        $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
     19    }
    1720
    1821    /**
    … …  
    2427     */
    2528
    26     $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
    27     $reduced_saturation = ( .8 * $saturation ) . '%';
    28     $saturation = $saturation . '%';
     29    $saturation           = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
     30    $saturation           = $saturation . '%';
     31
     32    $saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
     33    $saturation_selection = $saturation_selection . '%';
     34
     35    $lightness            = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
     36    $lightness            = $lightness . '%';
     37
     38    $lightness_hover      = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
     39    $lightness_hover      = $lightness_hover . '%';
     40
     41    $lightness_selection  = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
     42    $lightness_selection  = $lightness_selection . '%';
    2943
    3044    $theme_css = '
    … …  
    4761        .main-navigation .sub-menu,
    4862        .sticky-post,
    49         .entry-content .wp-block-button .wp-block-button__link,
    50         .button, button, input[type="button"], input[type="reset"], input[type="submit"],
    51         .entry-content > .has-primary-background-color,
    52         .entry-content > *[class^="wp-block-"].has-primary-background-color,
    53         .entry-content > *[class^="wp-block-"] .has-primary-background-color,
    54         .entry-content > *[class^="wp-block-"].is-style-solid-color,
    55         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
    56         .entry-content .wp-block-file .wp-block-file__button {
    57             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     63        .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
     64        .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
     65        .entry .entry-content > .has-primary-background-color,
     66        .entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
     67        .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
     68        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
     69        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
     70        .entry .entry-content .wp-block-file .wp-block-file__button {
     71            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    5872        }
    5973
    … …  
    8094        .entry .entry-content .more-link:hover,
    8195        .main-navigation .main-menu > li > a + svg,
    82         .comment-navigation .nav-previous a:hover,
    83         .comment-navigation .nav-next a:hover,
     96        .comment .comment-metadata > a:hover,
    8497        .comment .comment-metadata .comment-edit-link:hover,
    8598        #colophon .site-info a:hover,
    8699        .widget a,
    87         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    88         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    89         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    90         .entry-content > *[class^="wp-block-"] .has-primary-color,
    91         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
    92             color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     100        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
     101        .entry .entry-content > .has-primary-color,
     102        .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
     103        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
     104        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
     105            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    93106        }
    94107
    … …  
    97110         * wp block quote
    98111         */
    99         .entry-content blockquote,
    100         .entry-content .wp-block-quote:not(.is-large),
    101         .entry-content .wp-block-quote:not(.is-style-large) {
    102             border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     112        blockquote,
     113        .entry .entry-content blockquote,
     114        .entry .entry-content .wp-block-quote:not(.is-large),
     115        .entry .entry-content .wp-block-quote:not(.is-style-large) {
     116            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    103117        }
    104118
    … …  
    123137        input[type="color"]:focus,
    124138        textarea:focus {
    125             border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     139            border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    126140        }
    127141
    128142        .gallery-item > div > a:focus {
    129             box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     143            box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    130144        }
    131145
    … …  
    134148        .main-navigation .main-menu > li > a:hover,
    135149        .main-navigation .main-menu > li > a:hover + svg,
     150        .post-navigation .nav-links a:hover,
    136151        .post-navigation .nav-links a:hover .post-title,
    137152        .author-bio .author-description .author-link:hover,
     153        .entry .entry-content > .has-secondary-color,
     154        .entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
     155        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
     156        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
    138157        .comment .comment-author .fn a:hover,
    139158        .comment-reply-link:hover,
     159        .comment-navigation .nav-previous a:hover,
     160        .comment-navigation .nav-next a:hover,
    140161        #cancel-comment-reply-link:hover,
    141162        .widget a:hover {
    142             color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     163            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    143164        }
    144165
    … …  
    147168        .main-navigation .sub-menu > li > a:hover:after,
    148169        .main-navigation .sub-menu > li > a:focus:after,
    149         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
    150         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
    151             background: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     170        .main-navigation .sub-menu > li > .menu-item-link-return:hover,
     171        .main-navigation .sub-menu > li > .menu-item-link-return:focus,
     172        .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
     173        .main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
     174        .entry .entry-content > .has-secondary-background-color,
     175        .entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
     176        .entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
     177        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
     178            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     179        }
     180
     181        /* Text selection colors */
     182        ::selection {
     183            background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
     184        }
     185        ::-moz-selection {
     186            background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
    152187        }';
    153188
    … …  
    164199        .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
    165200        .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
    166         .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
    167             color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     201        .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
     202        .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
     203            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    168204        }
    169205
    170206        .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
    171207        .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
    172             border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     208            border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    173209        }
    174210
    175211        .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
    176             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     212            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    177213        }
    178214
    … …  
    182218        .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
    183219        .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    184             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     220            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    185221        }
    186222
    187223        /* Hover colors */
    188224        .editor-block-list__layout .editor-block-list__block a:hover,
    189         .editor-block-list__layout .editor-block-list__block a:active {
    190             color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     225        .editor-block-list__layout .editor-block-list__block a:active,
     226        .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
     227            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    191228        }
    192229
Note: See TracChangeset for help on using the changeset viewer.