Adds custom colors.

scratchpad/blocks.css

@@ -374,14 +374,14 @@ hr.wp-block-separator {
 .has-light-gray-color:hover,
 .has-light-gray-color:focus,
 .has-light-gray-color:active {
-	color: #ccc;
+	color: #bdcbcc;
 }
 
 .has-light-gray-background-color,
 .has-light-gray-background-color:hover,
 .has-light-gray-background-color:focus,
 .has-light-gray-background-color:active {
-	background-color: #ccc;
+	background-color: #bdcbcc;
 }
 
 .has-white-color,
@@ -398,58 +398,86 @@ hr.wp-block-separator {
 	background-color: #fff;
 }
 
-.has-red-color,
-.has-red-color:hover,
-.has-red-color:focus,
-.has-red-color:active {
-	color: #f35029;
+.has-orange-color,
+.has-orange-color:hover,
+.has-orange-color:focus,
+.has-orange-color:active {
+	color: #d16221;
+}
+
+.has-orange-background-color,
+.has-orange-background-color:hover,
+.has-orange-background-color:focus,
+.has-orange-background-color:active {
+	background-color: #d16221;
+}
+
+.has-yellow-color,
+.has-yellow-color:hover,
+.has-yellow-color:focus,
+.has-yellow-color:active {
+	color: #e4b500;
 }
 
-.has-red-background-color,
-.has-red-background-color:hover,
-.has-red-background-color:focus,
-.has-red-background-color:active {
-	background-color: #f35029;
+.has-yellow-background-color,
+.has-yellow-background-color:hover,
+.has-yellow-background-color:focus,
+.has-yellow-background-color:active {
+	background-color: #e4b500;
 }
 
-.has-dark-red-color,
-.has-dark-red-color:hover,
-.has-dark-red-color:focus,
-.has-dark-red-color:active {
-	color: #aa2e11;
+.has-blue-color,
+.has-blue-color:hover,
+.has-blue-color:focus,
+.has-blue-color:active {
+	color: #7ba6a9;
 }
 
-.has-dark-red-background-color,
-.has-dark-red-background-color:hover,
-.has-dark-red-background-color:focus,
-.has-dark-red-background-color:active {
-	background-color: #aa2e11;
+.has-blue-background-color,
+.has-blue-background-color:hover,
+.has-blue-background-color:focus,
+.has-blue-background-color:active {
+	background-color: #7ba6a9;
+}
+
+.has-dark-blue-color,
+.has-dark-blue-color:hover,
+.has-dark-blue-color:focus,
+.has-dark-blue-color:active {
+	color: #537375;
+}
+
+.has-dark-blue-background-color,
+.has-dark-blue-background-color:hover,
+.has-dark-blue-background-color:focus,
+.has-dark-blue-background-color:active {
+	background-color: #537375;
 }
 
 .has-dark-gray-color,
 .has-dark-gray-color:hover,
 .has-dark-gray-color:focus,
 .has-dark-gray-color:active {
-	color: #666;
+	color: #777;
 }
 
 .has-dark-gray-background-color,
 .has-dark-gray-background-color:hover,
 .has-dark-gray-background-color:focus,
 .has-dark-gray-background-color:active {
-	background-color: #666;
+	background-color: #777;
 }
 
 .has-black-color,
 .has-black-color:hover,
 .has-black-color:focus,
 .has-black-color:active {
-	color: #000;
+	color: #222;
 }
 
 .has-black-background-color,
 .has-black-background-color:hover,
 .has-black-background-color:focus,
 .has-black-background-color:active {
-	background-color: #000;
+	background-color: #222;
 }

scratchpad/editor-blocks.css

@@ -297,6 +297,7 @@
 }
 
 .edit-post-visual-editor .editor-block-list__block blockquote p:not(.wp-block-cover-text) {
+	color: #aaa;
 	font-size: 22px;
 }
 
@@ -304,6 +305,7 @@
 	color: inherit;
 	display: block;
 	font-size: 18px;
+	font-style: italic;
 	padding: 8px 0 0;
 }
 
@@ -331,6 +333,7 @@
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
 	font-size: 32px;
+	font-style: italic;
 }
 
 .rtl .wp-block-quote.is-large,
@@ -590,6 +593,7 @@
 }
 
 .wp-block-freeform.block-library-rich-text__tinymce table {
+	border: 0;
 	border-collapse: collapse;
 	border-top: 1px solid #ddd;
 	margin: 0 0 1.5em;
@@ -725,6 +729,7 @@
 }
 
 .editor-block-list__block table.wp-block-table td {
+	border: 0;
 	border-bottom: 1px solid #ddd;
 	font-size: 90%;
 	padding: 0.5em;

scratchpad/functions.php

@@ -44,22 +44,22 @@ function scratchpad_setup() {
 			array(
 				'name'  => esc_html__( 'Black', 'scratchpad' ),
 				'slug' => 'black',
-				'color' => '#26231e',
+				'color' => '#222222',
 			),
 			array(
 				'name'  => esc_html__( 'Dark Gray', 'scratchpad' ),
 				'slug' => 'dark-gray',
-				'color' => '#787065',
+				'color' => '#777777',
 			),
 			array(
 				'name'  => esc_html__( 'Medium Gray', 'scratchpad' ),
 				'slug' => 'medium-gray',
-				'color' => '#a09a92',
+				'color' => '#999999',
 			),
 			array(
 				'name'  => esc_html__( 'Light Gray', 'scratchpad' ),
 				'slug' => 'light-gray',
-				'color' => '#d9d6d0',
+				'color' => '#bdcbcc',
 			),
 			array(
 				'name'  => esc_html__( 'White', 'scratchpad' ),
@@ -67,26 +67,36 @@ function scratchpad_setup() {
 				'color' => '#ffffff',
 			),
 			array(
-				'name'  => esc_html__( 'Red', 'scratchpad' ),
-				'slug' => 'red',
-				'color' => '#932817',
+				'name'  => esc_html__( 'Blue', 'scratchpad' ),
+				'slug' => 'blue',
+				'color' => '#7ba6a9',
 			),
 			array(
-				'name'  => esc_html__( 'Dark Red', 'scratchpad' ),
-				'slug' => 'dark-red',
-				'color' => '#712012',
+				'name'  => esc_html__( 'Dark Blue', 'scratchpad' ),
+				'slug' => 'dark-blue',
+				'color' => '#537375',
 			),
+			array(
+				'name'  => esc_html__( 'Orange', 'scratchpad' ),
+				'slug' => 'orange',
+				'color' => '#d16221',
+			),
+			array(
+				'name'  => esc_html__( 'Yellow', 'scratchpad' ),
+				'slug' => 'yellow',
+				'color' => '#e4b500',
+			),	
 		)
 	);
 
 	/*
 	 * Enable support for Post Thumbnails on posts and pages.
 	 *
-	 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
+	 * @link https://developer.wordpress.org/themes/functionality/featuBlue-images-post-thumbnails/
 	 */
 	add_theme_support( 'post-thumbnails' );
 	add_image_size( 'scratchpad-avatar', 85, 85, true );
-	add_image_size( 'scratchpad-featured', 1000, 9999 );
+	add_image_size( 'scratchpad-featuBlue', 1000, 9999 );
 
 	// This theme uses wp_nav_menu() in one location.
 	register_nav_menus( array(