From 3c27e50dd6c0c5898c3c2262c655bb2d441b1b4a Mon Sep 17 00:00:00 2001 From: audrasjb Date: Sun, 13 Feb 2022 21:47:01 +0000 Subject: [PATCH] Twenty Fifteen: Add gradient background options using the theme color scheme. This change implements gradient background options that fit the color scheme used in Twenty Fifteen. Props ianbelanger, itsamoreh, pls78, audrasjb. Fixes #49760. Built from https://develop.svn.wordpress.org/trunk@52724 git-svn-id: http://core.svn.wordpress.org/trunk@52313 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../themes/twentyfifteen/css/blocks.css | 48 +++++++++++++ wp-content/themes/twentyfifteen/functions.php | 67 +++++++++++++++++++ wp-includes/version.php | 2 +- 3 files changed, 116 insertions(+), 1 deletion(-) diff --git a/wp-content/themes/twentyfifteen/css/blocks.css b/wp-content/themes/twentyfifteen/css/blocks.css index fa9d935aaa..e5b3af47b8 100644 --- a/wp-content/themes/twentyfifteen/css/blocks.css +++ b/wp-content/themes/twentyfifteen/css/blocks.css @@ -660,3 +660,51 @@ p.has-drop-cap:not(:focus)::first-letter { .has-light-blue-background-color { background-color: #e9f2f9; } + +.has-dark-gray-gradient-background { + background-image: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(42,42,42,1) 100%); +} + +.has-light-gray-gradient-background { + background-image: linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(215,215,215,1) 100%); +} + +.has-white-gradient-background { + background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); +} + +.has-yellow-gradient-background { + background-image: linear-gradient(90deg, rgba(244,202,22,1) 0%, rgba(205,168,10,1) 100%); +} + +.has-dark-brown-gradient-background { + background-image: linear-gradient(90deg, rgba(53,39,18,1) 0%, rgba(91,67,31,1) 100%); +} + +.has-medium-pink-gradient-background { + background-image: linear-gradient(90deg, rgba(229,59,81,1) 0%, rgba(209,28,51,1) 100%); +} + +.has-light-pink-gradient-background { + background-image: linear-gradient(90deg, rgba(255,229,209,1) 0%, rgba(255,200,158,1) 100%); +} + +.has-dark-purple-gradient-background { + background-image: linear-gradient(90deg, rgba(46,34,86,1) 0%, rgba(66,48,123,1) 100%); +} + +.has-purple-gradient-background { + background-image: linear-gradient(90deg, rgba(103,73,112,1) 0%, rgba(131,93,143,1) 100%); +} + +.has-blue-gray-gradient-background { + background-image: linear-gradient(90deg, rgba(34,49,63,1) 0%, rgba(52,75,96,1) 100%); +} + +.has-bright-blue-gradient-background { + background-image: linear-gradient(90deg, rgba(85,195,220,1) 0%, rgba(43,180,211,1) 100%); +} + +.has-light-blue-gradient-background { + background-image: linear-gradient(90deg, rgba(233,242,249,1) 0%, rgba(193,218,238,1) 100%); +} diff --git a/wp-content/themes/twentyfifteen/functions.php b/wp-content/themes/twentyfifteen/functions.php index 4371cb5ca2..6932bdd28b 100644 --- a/wp-content/themes/twentyfifteen/functions.php +++ b/wp-content/themes/twentyfifteen/functions.php @@ -250,6 +250,73 @@ if ( ! function_exists( 'twentyfifteen_setup' ) ) : ) ); + // Add support for custom color scheme. + add_theme_support( + 'editor-gradient-presets', + array( + array( + 'name' => __( 'Dark Gray Gradient', 'twentyfifteen' ), + 'slug' => 'dark-gray-gradient-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(42,42,42,1) 100%)', + ), + array( + 'name' => __( 'Light Gray Gradient', 'twentyfifteen' ), + 'slug' => 'light-gray-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(215,215,215,1) 100%)', + ), + array( + 'name' => __( 'White Gradient', 'twentyfifteen' ), + 'slug' => 'white-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%)', + ), + array( + 'name' => __( 'Yellow Gradient', 'twentyfifteen' ), + 'slug' => 'yellow-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(244,202,22,1) 0%, rgba(205,168,10,1) 100%)', + ), + array( + 'name' => __( 'Dark Brown Gradient', 'twentyfifteen' ), + 'slug' => 'dark-brown-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(53,39,18,1) 0%, rgba(91,67,31,1) 100%)', + ), + array( + 'name' => __( 'Medium Pink Gradient', 'twentyfifteen' ), + 'slug' => 'medium-pink-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(229,59,81,1) 0%, rgba(209,28,51,1) 100%)', + ), + array( + 'name' => __( 'Light Pink Gradient', 'twentyfifteen' ), + 'slug' => 'light-pink-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(255,229,209,1) 0%, rgba(255,200,158,1) 100%)', + ), + array( + 'name' => __( 'Dark Purple Gradient', 'twentyfifteen' ), + 'slug' => 'dark-purple-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(46,34,86,1) 0%, rgba(66,48,123,1) 100%)', + ), + array( + 'name' => __( 'Purple Gradient', 'twentyfifteen' ), + 'slug' => 'purple-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(103,73,112,1) 0%, rgba(131,93,143,1) 100%)', + ), + array( + 'name' => __( 'Blue Gray Gradient', 'twentyfifteen' ), + 'slug' => 'blue-gray-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(34,49,63,1) 0%, rgba(52,75,96,1) 100%)', + ), + array( + 'name' => __( 'Bright Blue Gradient', 'twentyfifteen' ), + 'slug' => 'bright-blue-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(85,195,220,1) 0%, rgba(43,180,211,1) 100%)', + ), + array( + 'name' => __( 'Light Blue Gradient', 'twentyfifteen' ), + 'slug' => 'light-blue-gradient', + 'gradient' => 'linear-gradient(90deg, rgba(233,242,249,1) 0%, rgba(193,218,238,1) 100%)', + ), + ) + ); + // Indicate widget sidebars can use selective refresh in the Customizer. add_theme_support( 'customize-selective-refresh-widgets' ); } diff --git a/wp-includes/version.php b/wp-includes/version.php index 2b49868327..4dd7682d57 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -16,7 +16,7 @@ * * @global string $wp_version */ -$wp_version = '6.0-alpha-52721'; +$wp_version = '6.0-alpha-52724'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.