Add editor styles for modern color palette.

radcliffe-2/assets/css/editor-style.css

@@ -790,17 +790,21 @@ h6.editor-rich-text__tinymce.mce-content-body {
 
 .has-white-color,
 .edit-post-visual-editor .has-colorful-white-color,
+.edit-post-visual-editor .has-modern-white-color,
 .wp-block-button .wp-block-button__link.has-white-color,
-.wp-block-button .wp-block-button__link.has-colorful-white-color {
+.wp-block-button .wp-block-button__link.has-colorful-white-color,
+.wp-block-button .wp-block-button__link.has-modern-white-color {
 	color: #fff;
 }
 
 .has-dark-grey-color,
 .edit-post-visual-editor .has-colorful-dark-grey-color,
 .edit-post-visual-editor .has-vintage-dark-grey-color,
+.edit-post-visual-editor .has-modern-dark-grey-color,
 .wp-block-button .wp-block-button__link.has-dark-grey-color,
 .wp-block-button .wp-block-button__link.has-colorful-dark-grey-color,
-.wp-block-button .wp-block-button__link.has-vintage-dark-grey-color {
+.wp-block-button .wp-block-button__link.has-vintage-dark-grey-color,
+.wp-block-button .wp-block-button__link.has-modern-dark-grey-color {
 	color: #222;
 }
 
@@ -817,17 +821,21 @@ h6.editor-rich-text__tinymce.mce-content-body {
 
 .has-white-background-color,
 .has-colorful-white-background-color,
+.has-modern-white-background-color,
 .wp-block-button .wp-block-button__link.has-white-background-color,
-.wp-block-button .wp-block-button__link.has-colorful-white-background-color {
+.wp-block-button .wp-block-button__link.has-colorful-white-background-color,
+.wp-block-button .wp-block-button__link.has-modern-white-background-color {
 	background-color: #fff
 }
 
 .has-dark-grey-background-color,
 .has-colorful-dark-grey-background-color,
 .has-vinatge-dark-grey-background-color,
+.has-modern-dark-grey-background-color,
 .wp-block-button .wp-block-button__link.has-dark-grey-background-color,
 .wp-block-button .wp-block-button__link.has-colorful-dark-grey-background-color,
-.wp-block-button .wp-block-button__link.has-vintage-dark-grey-background-color {
+.wp-block-button .wp-block-button__link.has-vintage-dark-grey-background-color,
+.wp-block-button .wp-block-button__link.has-modern-dark-grey-background-color {
 	background-color: #222;
 }
 
@@ -916,3 +924,26 @@ h6.editor-rich-text__tinymce.mce-content-body {
 .wp-block-button .wp-block-button__link.has-vintage-blue-background-color {
 	background-color: #2b6e9d;
 }
+
+/* Colours - Modern color palette */
+
+.edit-post-visual-editor .has-modern-light-grey-color,
+.wp-block-button .wp-block-button__link.has-modern-light-grey-color {
+	color: #f1f1f1;
+}
+
+.has-modern-light-grey-background-color,
+.wp-block-button .wp-block-button__link.has-modern-light-grey-background-color {
+	background-color: #f1f1f1;
+}
+
+.edit-post-visual-editor .has-modern-medium-grey-color,
+.wp-block-button .wp-block-button__link.has-modern-medium-grey-color {
+	color: #aaa;
+}
+
+.has-modern-medium-grey-background-color,
+.wp-block-button .wp-block-button__link.has-modern-medium-grey-background-color {
+	background-color: #aaa;
+}
+