Ticket #49711: 49711.patch

wp-content/themes/twentytwenty/functions.php

@@ -135 +135 @@
         // Add theme support for selective refresh for widgets.
         add_theme_support( 'customize-selective-refresh-widgets' );
 
+        // Add theme support for block gradient colours.
+        add_theme_support(
+                'editor-gradient-presets',
+                array(
+                        array(
+                                'name'     => __( 'pink to dark pink', 'twentytwenty' ),
+                                'gradient' => 'linear-gradient(135deg,rgba(205, 38, 83, 1) 0%, rgba(99, 30, 44, 1) 100%)',
+                                'slug'     => 'pink-to-dark-pink'
+                        ),
+                        array(
+                                'name'     => __( 'black to pink', 'twentytwenty' ),
+                                'gradient' => 'linear-gradient(135deg,rgba(34, 34, 34, 1) 0%, rgba(205, 38, 83, 1) 100%)',
+                                'slug'     => 'black-to-pink',
+                        ),
+                        array(
+                                'name'     => __( 'cream to pink to black', 'twentytwenty' ),
+                                'gradient' => 'linear-gradient(135deg,rgba(245, 239, 224, 1) 0%, rgba(205, 38, 83, 1) 50%, rgba(34, 34, 34, 1) 100%)',
+                                'slug'     =>  'cream-to-pink-to-black',
+                        ),
+                        array(
+                                'name'     => __( 'mid dark pink to pink', 'twentytwenty' ),
+                                'gradient' => 'linear-gradient(135deg,rgba(133, 39, 59, 1) 0%, rgba(205, 38, 83, 1) 100%)',
+                                'slug'     => 'mid-dark-pink-to-pink',
+                        ),
+                        array(
+                                'name'     => __( 'Blush bordeaux', 'twentytwenty' ),
+                                'gradient' => 'linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%)',
+                                'slug'     =>  'blush-bordeaux',
+                        )
+                )
+        );
+
         /*
          * Adds `async` and `defer` support for scripts registered or enqueued
          * by the theme.

wp-content/themes/twentytwenty/style.css

@@ -2787 +2787 @@
         color: #000;
 }
 
+/* Block Custom Gradient Backgrounds --------- */
+
+.has-pink-to-dark-pink-gradient-background{
+    background: linear-gradient(135deg,rgba(205, 38, 83, 1) 0%, rgba(99, 30, 44, 1) 100%);
+}
+
+.has-black-to-pink-gradient-background{
+    background: linear-gradient(135deg,rgba(34, 34, 34, 1) 0%, rgba(205, 38, 83, 1) 100%);
+}
+
+.has-cream-to-pink-to-black-gradient-background{
+    background: linear-gradient(135deg,rgba(245, 239, 224, 1) 0%, rgba(205, 38, 83, 1) 50%, rgba(34, 34, 34, 1) 100%);
+}
+
+.has-mid-dark-pink-to-pink-gradient-background{
+    background: linear-gradient(135deg,rgba(133, 39, 59, 1) 0%, rgba(205, 38, 83, 1) 100%);
+}
 
 /* Block Typography Classes ------------------ */