Fixing typos and adding editor styles for colorful and vintage color palettes.

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

@@ -786,20 +786,27 @@ h6.editor-rich-text__tinymce.mce-content-body {
 	padding-left: 2em;
 }
 
-/* Colours */
+/* Colours - defualt color palette */
 
 .has-white-color,
-.wp-block-button .wp-block-button__link.has-white-color {
+.edit-post-visual-editor .has-colorful-white-color,
+.wp-block-button .wp-block-button__link.has-white-color,
+.wp-block-button .wp-block-button__link.has-colorful-white-color {
 	color: #fff;
 }
 
 .has-dark-grey-color,
-.wp-block-button .wp-block-button__link.has-dark-grey-color {
+.edit-post-visual-editor .has-colorful-dark-grey-color,
+.edit-post-visual-editor .has-vintage-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 {
 	color: #222;
 }
 
 .has-light-grey-color,
-.wp-block-button .wp-block-button__link.has-light-grey-color {
+.edit-post-visual-editor .has-vintage-light-grey-color,
+.wp-block-button .wp-block-button__link.has-vintage-light-grey-color {
 	color: #666;
 }
 
@@ -809,17 +816,25 @@ h6.editor-rich-text__tinymce.mce-content-body {
 }
 
 .has-white-background-color,
-.wp-block-button .wp-block-button__link.has-white-background-color {
+.has-colorful-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 {
 	background-color: #fff
 }
 
 .has-dark-grey-background-color,
-.wp-block-button .wp-block-button__link.has-dark-grey-background-color {
+.has-colorful-dark-grey-background-color,
+.has-vinatge-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 {
 	background-color: #222;
 }
 
 .has-light-grey-background-color,
-.wp-block-button .wp-block-button__link.has-light-grey-background-color {
+.has-vintage-light-grey-background-color,
+.wp-block-button .wp-block-button__link.has-light-grey-background-color,
+.wp-block-button .wp-block-button__link.has-vintge-light-grey-background-color {
 	background-color: #666;
 }
 
@@ -827,3 +842,77 @@ h6.editor-rich-text__tinymce.mce-content-body {
 .wp-block-button .wp-block-button__link.has-red-background-color {
 	background-color: #ca2017;
 }
+
+/* Colours - Colorful color palette */
+
+.edit-post-visual-editor .has-colorful-light-grey-color,
+.wp-block-button .wp-block-button__link.has-colorful-light-grey-color {
+	color: #e5e5e5;
+}
+
+.has-colorful-light-grey-background-color,
+.wp-block-button .wp-block-button__link.has-colorful-light-grey-background-color {
+	background-color: #e5e5e5;
+}
+
+.edit-post-visual-editor .has-colorful-orange-color,
+.wp-block-button .wp-block-button__link.has-colorful-orange-color {
+	color: #d97059;
+}
+
+.has-colorful-orange-background-color,
+.wp-block-button .wp-block-button__link.has-coloful-orange-background-color {
+	background-color: #d97059;
+}
+
+.edit-post-visual-editor .has-colorful-green-color,
+.wp-block-button .wp-block-button__link.has-colorful-green-color {
+	color: #71db9d;
+}
+
+.has-colorful-green-background-color,
+.wp-block-button .wp-block-button__link.has-colorful-green-background-color {
+	background-color: #71db9d;
+}
+
+.edit-post-visual-editor .has-colorful-blue-color,
+.wp-block-button .wp-block-button__link.has-colorful-blue-color {
+	color: #4ba3c3;
+}
+
+.has-colorful-blue-background-color,
+.wp-block-button .wp-block-button__link.has-colorful-blue-background-color {
+	background-color: #4ba3c3;
+}
+
+/* Colours - Vintage color palette */
+
+.edit-post-visual-editor .has-vintage-off-white-color,
+.wp-block-button .wp-block-button__link.has-vintage-off-white-color {
+	color: #eae8dc;
+}
+
+.has-vintage-off-white-background-color,
+.wp-block-button .wp-block-button__link.has-vintage-off-white-background-color {
+	background-color: #eae8dc;
+}
+
+.edit-post-visual-editor .has-vintage-light-brown-color,
+.wp-block-button .wp-block-button__link.has-vintage-light-brown-color {
+	color: #c7c4b4;
+}
+
+.has-vintage-light-brown-background-color,
+.wp-block-button .wp-block-button__link.has-vintage-light-brown-background-color {
+	background-color: #c7c4b4;
+}
+
+.edit-post-visual-editor .has-vintage-blue-color,
+.wp-block-button .wp-block-button__link.has-vintage-blue-color {
+	color: #2b6e9d;
+}
+
+.has-vintage-blue-background-color,
+.wp-block-button .wp-block-button__link.has-vintage-blue-background-color {
+	background-color: #2b6e9d;
+}

radcliffe-2/functions.php

@@ -108,19 +108,19 @@ function radcliffe_2_setup() {
 				'color' => '#eae8dc',
 			),
 			array(
-				'name' => esc_html__( 'vinatge light brown', 'radcliffe-2' ),
+				'name' => esc_html__( 'vintage light brown', 'radcliffe-2' ),
 				'color' => '#c7c4b4',
 			),
 			array(
-				'name' => esc_html__( 'vintage light gray', 'radcliffe-2' ),
+				'name' => esc_html__( 'vintage light grey', 'radcliffe-2' ),
 				'color' => '#666666',
 			),
 			array(
-				'name' => esc_html__( 'vinatge dark grey', 'radcliffe-2' ),
+				'name' => esc_html__( 'vintage dark grey', 'radcliffe-2' ),
 				'color' => '#222222',
 			),
 			array(
-				'name' => esc_html__( 'vinatge blue', 'radcliffe-2' ),
+				'name' => esc_html__( 'vintage blue', 'radcliffe-2' ),
 				'color' => '#2b6e9d',
 			)
 		);