From 0b483f758043da64b62830312e593a3ffcc3d021 Mon Sep 17 00:00:00 2001
From: whyisjake <whyisjake@git.wordpress.org>
Date: Mon, 13 Jul 2020 17:08:03 +0000
Subject: [PATCH] Bundled Themes: Add custom color pallettes for block editor.

Gutenberg 7.9 added support for themes to bundle their own custom styles in to the editor. These changes have been added to 2010 - 2016.

See #50120.

Props kjellr, sabernhardt, ianbelanger.


Built from https://develop.svn.wordpress.org/trunk@48459


git-svn-id: http://core.svn.wordpress.org/trunk@48228 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 css/editor-blocks.css | 55 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/css/editor-blocks.css b/css/editor-blocks.css
index 8c3d66cdb..d9efec32d 100644
--- a/css/editor-blocks.css
+++ b/css/editor-blocks.css
@@ -12,6 +12,7 @@ Description: Used to style blocks in the editor.
 4.0 Blocks - Formatting
 5.0 Blocks - Layout Elements
 6.0 Blocks - Widgets
+7.0 Blocks - Colors
 --------------------------------------------------------------*/
 
 /*--------------------------------------------------------------
@@ -455,3 +456,57 @@ p.has-drop-cap:not(:focus)::first-letter {
 	padding-left: 0;
 	padding-right: 0;
 }
+
+/*--------------------------------------------------------------
+7.0 Blocks - Colors
+--------------------------------------------------------------*/
+
+:root .editor-styles-wrapper .has-blue-color,
+:root .editor-styles-wrapper .has-blue-color:visited {
+	color: #21759b;
+}
+
+:root .editor-styles-wrapper .has-blue-background-color,
+:root .editor-styles-wrapper .has-blue-background-color:visited {
+	background-color: #21759b;
+}
+
+:root .editor-styles-wrapper .has-dark-gray-color,
+:root .editor-styles-wrapper .has-dark-gray-color:visited {
+	color: #373737;
+}
+
+:root .editor-styles-wrapper .has-dark-gray-background-color,
+:root .editor-styles-wrapper .has-dark-gray-background-color:visited {
+	background-color: #373737;
+}
+
+:root .editor-styles-wrapper .has-medium-gray-color,
+:root .editor-styles-wrapper .has-medium-gray-color:visited {
+	color: #9f9f9f;
+}
+
+:root .editor-styles-wrapper .has-medium-gray-background-color,
+:root .editor-styles-wrapper .has-medium-gray-background-color:visited {
+	background-color: #9f9f9f;
+}
+
+:root .editor-styles-wrapper .has-light-gray-color,
+:root .editor-styles-wrapper .has-light-gray-color:visited {
+	color: #e6e6e6;
+}
+
+:root .editor-styles-wrapper .has-light-gray-background-color,
+:root .editor-styles-wrapper .has-light-gray-background-color:visited {
+	background-color: #e6e6e6;
+}
+
+:root .editor-styles-wrapper .has-white-color,
+:root .editor-styles-wrapper .has-white-color:visited {
+	color: #fff;
+}
+
+:root .editor-styles-wrapper .has-white-background-color,
+:root .editor-styles-wrapper .has-white-background-color:visited {
+	background-color: #fff;
+}