WordPress.org

Make WordPress Core


Ignore:
Timestamp:
11/12/2018 11:19:13 PM (7 months ago)
Author:
allancole
Message:

Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.

This update applies the following changes:

  • Improve menu UI to support keyboard, click and touch interactions
  • Improve variable scoping and js performance in menu interaction javascript
  • Improve custom-colors for selected text, buttons and menu hover styles
  • Improve margins structure for more consistency between editor and frontend
  • Improve discussion avatars for simpler wording and better performance
  • Improve fonts in list widgets and list blocks
  • Improve comment responsive spacing and avatar display
  • Improve various block styles to make them consistent between the editor and frontend
  • Add tabbed browsing support for ie11
  • Add backwards compatibility support for older versions of WordPress
  • Add fallback styles for older versions of WP where Gutenberg is activated and then deactivated (backwards compatibility)
  • Add sizes attribute for featured images to improve responsive performance
  • Add focus-within polyfill
  • Add a footer menu for secondary page links
  • Fix editor styles to prevent conflicts with plugins that add meta boxes to the editor
  • Fix columns block issues on small screens
  • Fix empty-space font text cursor issue in Gutenberg editor
  • Fix RTL floating styles so that left/right floats are honored
  • Fix cover image block margins/padding
  • Fix invalid rgba style
  • Fix php warning when returning attributes
  • Fix gallery widget margins to improve gallery grids
  • Fix .entry-content selectors to prevent shortcodes, plugins and other unknown content from breaking the layout
  • Remove translation escaping to follow code standards in previous default themes
  • Remove custom color output in the fronten header when default color is selected
  • Remove fly-out sub-sub-sub-menu behavior on desktop to prevent sub-menus from falling off the screen
  • General code clean up and coding standards improvements

Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa, @tlxo, @themeroots, @whizbangik, @yingles, @youthkee, @brentswisher, @smy315, @ahmadawais, @desi-developer.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

    r43860 r43892  
    2727     */
    2828
    29     $saturation      = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
    30     $saturation      = $saturation . '%';
    31 
    32     $lightness       = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
    33     $lightness       = $lightness . '%';
    34 
    35     $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
    36     $lightness_hover = $lightness_hover . '%';
     29    $saturation          = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
     30    $saturation          = $saturation . '%';
     31
     32    $lightness           = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
     33    $lightness           = $lightness . '%';
     34
     35    $lightness_hover     = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
     36    $lightness_hover     = $lightness_hover . '%';
     37
     38    $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
     39    $lightness_selection = $lightness_selection . '%';
    3740
    3841    $theme_css = '
     
    5558        .main-navigation .sub-menu,
    5659        .sticky-post,
    57         .entry-content .wp-block-button .wp-block-button__link,
    58         .button, button, input[type="button"], input[type="reset"], input[type="submit"],
    59         .entry-content > .has-primary-background-color,
    60         .entry-content > *[class^="wp-block-"].has-primary-background-color,
    61         .entry-content > *[class^="wp-block-"] .has-primary-background-color,
    62         .entry-content > *[class^="wp-block-"].is-style-solid-color,
    63         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
    64         .entry-content .wp-block-file .wp-block-file__button {
     60        .entry .entry-content .wp-block-button .wp-block-button__link,
     61        .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
     62        .entry .entry-content > .has-primary-background-color,
     63        .entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
     64        .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
     65        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
     66        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
     67        .entry .entry-content .wp-block-file .wp-block-file__button {
    6568            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    6669        }
     
    8891        .entry .entry-content .more-link:hover,
    8992        .main-navigation .main-menu > li > a + svg,
    90         .comment-navigation .nav-previous a:hover,
    91         .comment-navigation .nav-next a:hover,
     93        .comment .comment-metadata > a:hover,
    9294        .comment .comment-metadata .comment-edit-link:hover,
    9395        #colophon .site-info a:hover,
    9496        .widget a,
    95         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    96         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    97         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    98         .entry-content > *[class^="wp-block-"] .has-primary-color,
    99         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
     97        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     98        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     99        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     100        .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
     101        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
    100102            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    101103        }
     
    105107         * wp block quote
    106108         */
    107         .entry-content blockquote,
    108         .entry-content .wp-block-quote:not(.is-large),
    109         .entry-content .wp-block-quote:not(.is-style-large) {
     109        blockquote,
     110        .entry .entry-content blockquote,
     111        .entry .entry-content .wp-block-quote:not(.is-large),
     112        .entry .entry-content .wp-block-quote:not(.is-style-large) {
    110113            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    111114        }
     
    146149        .comment .comment-author .fn a:hover,
    147150        .comment-reply-link:hover,
     151        .comment-navigation .nav-previous a:hover,
     152        .comment-navigation .nav-next a:hover,
    148153        #cancel-comment-reply-link:hover,
    149154        .widget a:hover {
     
    155160        .main-navigation .sub-menu > li > a:hover:after,
    156161        .main-navigation .sub-menu > li > a:focus:after,
    157         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
    158         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
    159             background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     162        .main-navigation .sub-menu > li > .menu-item-link-return:hover,
     163        .main-navigation .sub-menu > li > .menu-item-link-return:focus,
     164        .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
     165        .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
     166            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     167        }
     168
     169        /* Text selection colors */
     170        ::selection {
     171            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
     172        }
     173        ::-moz-selection {
     174            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
    160175        }';
    161176
Note: See TracChangeset for help on using the changeset viewer.