Changeset 43909 for branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

Timestamp:

11/19/2018 09:26:02 PM (6 years ago)

Author:

allancole

Message:

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

This update changes the following:

• Fix JS errors in customizer caused by menu scripts
• Fix footer menu spacing
• Fix pullquote block borders to follow Gutenberg’s described style
• Fix editor-only styles so they don't appear on the frontend when not needed
• Fix search field widget width on mobile
• Fix :visited .button link colors
• Fix Block toolbar position in the editor
• Fix off-canvas mobile menu to prevent text from overflowing
• Improve column block formatting for the editor and frontend
• Improve CSS optimization for selectors that add dashes to multi-level lists
• Improve editor font sizes to use pixels over ems
• Improve styles for galleries in the Classic Editor block
• Improve priority+ more-menu threshold to allow more space for menu-items
• Improve logo size on mobile devices
• Improve customizer color options to present a single, unified color option
• Improve print stylesheet for better spacing and colors
• Add more color options to Gutenberg editor

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

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

File:

• branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php (modified) (7 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

@@ -9 +9 @@
 
 /**
- * Generate the CSS for the current custom color scheme.
+ * Generate the CSS for the current primary color.
  */
 function twentynineteen_custom_colors_css() {
 
-    if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+    if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
         $primary_color = 199;
     } else {
-        $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+        $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
     }
 
@@ -61 +61 @@
         .main-navigation .sub-menu,
         .sticky-post,
-        .entry .entry-content .wp-block-button .wp-block-button__link,
+        .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
         .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
         .entry .entry-content > .has-primary-background-color,
@@ -67 +67 @@
         .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
         .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
-        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
+        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
         .entry .entry-content .wp-block-file .wp-block-file__button {
             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
@@ -86 +86 @@
          */
         a,
-        a:not(.button):visited,
+        a:visited,
         .main-navigation .main-menu > li,
         .main-navigation ul.main-menu > li > a,
@@ -98 +98 @@
         #colophon .site-info a:hover,
         .widget a,
-        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
-        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
-        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+        .entry .entry-content > .has-primary-color,
         .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
-        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
+        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
+        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
             color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
@@ -148 +148 @@
         .main-navigation .main-menu > li > a:hover,
         .main-navigation .main-menu > li > a:hover + svg,
+        .post-navigation .nav-links a:hover,
         .post-navigation .nav-links a:hover .post-title,
         .author-bio .author-description .author-link:hover,
+        .entry .entry-content > .has-secondary-color,
+        .entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
+        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
+        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
         .comment .comment-author .fn a:hover,
         .comment-reply-link:hover,
@@ -166 +171 @@
         .main-navigation .sub-menu > li > .menu-item-link-return:focus,
         .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
-        .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
+        .main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
+        .entry .entry-content > .has-secondary-background-color,
+        .entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
+        .entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
+        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
         }