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

Timestamp:

11/02/2018 11:52:16 PM (7 years ago)

Author:

allancole

Message:

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

Let Gutenberg shine with this simple, fast, and powerful theme. 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.

File:

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

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

@@ -13 +13 @@
 function twentynineteen_custom_colors_css() {
 
-    $default_primary_color       = 199;
-    $primary_color               = absint( get_theme_mod( 'colorscheme_hue', $default_primary_color ) );
+    if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+        $primary_color = 199;
+    } else {
+        $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+    }
 
     /**
@@ -24 +27 @@
      */
 
-    $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
-    $reduced_saturation = ( .8 * $saturation ) . '%';
-    $saturation = $saturation . '%';
+    $saturation      = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
+    $saturation      = $saturation . '%';
+
+    $lightness       = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
+    $lightness       = $lightness . '%';
+
+    $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
+    $lightness_hover = $lightness_hover . '%';
 
     $theme_css = '
@@ -55 +63 @@
         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
         .entry-content .wp-block-file .wp-block-file__button {
-            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -90 +98 @@
         .entry-content > *[class^="wp-block-"] .has-primary-color,
         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -100 +108 @@
         .entry-content .wp-block-quote:not(.is-large),
         .entry-content .wp-block-quote:not(.is-style-large) {
-            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -123 +131 @@
         input[type="color"]:focus,
         textarea:focus {
-            border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
         .gallery-item > div > a:focus {
-            box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -140 +148 @@
         #cancel-comment-reply-link:hover,
         .widget a:hover {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
         }
 
@@ -149 +157 @@
         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
-            background: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+            background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
         }';
 
@@ -165 +173 @@
         .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
         .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
         .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
         .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
-            border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
         .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
-            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -182 +190 @@
         .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
         .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
-            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -188 +196 @@
         .editor-block-list__layout .editor-block-list__block a:hover,
         .editor-block-list__layout .editor-block-list__block a:active {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
         }