golem
/
twentyGOLEM
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
This commit is contained in:
whyisjake 2020-07-13 17:08:03 +00:00
parent c4a35082b0
commit 0b483f7580
1 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
css/editor-blocks.css
View File

@ -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;
}