Ticket #49757: 49757.patch

src/wp-content/themes/twentysixteen/css/editor-style.css

@@ -37 +37 @@
         max-width: 840px;
 }
 
+/* Custom gradient block backgrounds */
+.has-wordpress-blue-gradient-background {
+        background: linear-gradient(135deg,rgba(23,79,193,1.0) 0%,rgba(99,159,255,1.0) 100%);
+}
+.has-wordpress-light-blue-gradient-background {
+        background: linear-gradient(135deg,rgba(107,145,224,1.0) 0%,rgba(181,205,245,1.0) 100%);
+}
+.has-light-sky-gradient-background {
+        background: linear-gradient(135deg,rgba(228,228,228,1.0) 0%,rgba(208,225,252,1.0) 100%);
+}
+.has-dark-sky-gradient-background {
+        background: linear-gradient(135deg,rgba(0,0,0,1.0) 0%,rgba(56,61,69,1.0) 100%);
+}
 
 /**
  * 2.0 - Typography

src/wp-content/themes/twentysixteen/functions.php

@@ -214 +214 @@
                         )
                 );
 
+                // Add support for block gradient colors.
+                add_theme_support(
+                        'editor-gradient-presets',
+                        array(
+                                array(
+                                        'name'          =>      __( 'WordPress Blue', 'twentysixteen' ),
+                                        'gradient'      =>      'linear-gradient(135deg,rgba(23,79,193,1.0) 0%,rgba(99,159,255,1.0) 100%)',
+                                        'slug'          =>      'wordpress-blue'
+                                ),
+                                array(
+                                        'name'          =>      __( 'WordPress Light Blue', 'twentysixteen' ),
+                                        'gradient'      =>      'linear-gradient(135deg,rgba(107,145,224,1.0) 0%,rgba(181,205,245,1.0) 100%)',
+                                        'slug'          =>      'wordpress-light-blue'
+                                ),
+                                array(
+                                        'name'          =>      __( 'Light Sky', 'twentysixteen' ),
+                                        'gradient'      =>      'linear-gradient(135deg,rgba(228,228,228,1.0) 0%,rgba(208,225,252,1.0) 100%)',
+                                        'slug'          =>      'light-sky'
+                                ),
+                                array(
+                                        'name'          =>      __( 'Dark Sky', 'twentysixteen' ),
+                                        'gradient'      =>      'linear-gradient(135deg,rgba(0,0,0,1.0) 0%,rgba(56,61,69,1.0) 100%)',
+                                        'slug'          =>      'dark-sky'
+                                ),
+                        )
+                );
+
                 // Indicate widget sidebars can use selective refresh in the Customizer.
                 add_theme_support( 'customize-selective-refresh-widgets' );
 

src/wp-content/themes/twentysixteen/style.css

@@ -449 +449 @@
  * 4.0 - Elements
  */
 
+ /* Custom gradient block backgrounds */
+.has-wordpress-blue-gradient-background {
+        background: linear-gradient(135deg,rgba(23,79,193,1.0) 0%,rgba(99,159,255,1.0) 100%);
+}
+.has-wordpress-light-blue-gradient-background {
+        background: linear-gradient(135deg,rgba(107,145,224,1.0) 0%,rgba(181,205,245,1.0) 100%);
+}
+.has-light-sky-gradient-background {
+        background: linear-gradient(135deg,rgba(228,228,228,1.0) 0%,rgba(208,225,252,1.0) 100%);
+}
+.has-dark-sky-gradient-background {
+        background: linear-gradient(135deg,rgba(0,0,0,1.0) 0%,rgba(56,61,69,1.0) 100%);
+}
+
 html {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;