Add full Gutenberg colors support.

dara/blocks.css

@@ -460,48 +460,48 @@ hr.wp-block-separator {
 .has-dark-gray-color:hover,
 .has-dark-gray-color:focus,
 .has-dark-gray-color:active {
-	color: #686868;
+	color: #444340;
 }
 
 .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: #686868;
+	background-color: #444340;
 }
 
 .has-medium-gray-color,
 .has-medium-gray-color:hover,
 .has-medium-gray-color:focus,
 .has-medium-gray-color:active {
-	color: #999999;
+	color: #a8a6a1;
 }
 
 .has-medium-gray-background-color,
 .has-medium-gray-background-color:hover,
 .has-medium-gray-background-color:focus,
 .has-medium-gray-background-color:active {
-	background-color: #999999;
+	background-color: #a8a6a1;
 }
 
 .has-light-gray-color,
 .has-light-gray-color:hover,
 .has-light-gray-color:focus,
 .has-light-gray-color:active {
-	color: #d9d9d9;
+	color: #e6e6e6;
 }
 
 .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: #d9d9d9;
+	background-color: #e6e6e6;
 }
 
 .has-white-color,
 .has-white-color:hover,
 .has-white-color:focus,
-,.has-white-color:active {
+.has-white-color:active {
 	color: #fff;
 }
 
@@ -516,28 +516,28 @@ hr.wp-block-separator {
 .has-blue-color:hover,
 .has-blue-color:focus,
 .has-blue-color:active {
-	color: #159ae7;
+	color: #15b6b8;
 }
 
 .has-blue-background-color,
 .has-blue-background-color:hover,
 .has-blue-background-color:focus,
 .has-blue-background-color:active {
-	background-color: #159ae7;
+	background-color: #15b6b8;
 }
 
 .has-dark-blue-color,
 .has-dark-blue-color:hover,
 .has-dark-blue-color:focus,
 .has-dark-blue-color:active {
-	color: #362e77;
+	color: #0c8384;
 }
 
 .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: #362e77;
+	background-color: #0c8384;
 }
 
 .has-black-color,

dara/functions.php

@@ -60,22 +60,22 @@ function dara_setup() {
 			array(
 				'name'  => esc_html__( 'Black', 'dara' ),
 				'slug' => 'black',
-				'color' => '#222222',
+				'color' => '#404040',
 			),
 			array(
 				'name'  => esc_html__( 'Dark Gray', 'dara' ),
 				'slug' => 'dark-gray',
-				'color' => '#555555',
+				'color' => '#444340',
 			),
 			array(
 				'name'  => esc_html__( 'Medium Gray', 'dara' ),
 				'slug' => 'medium-gray',
-				'color' => '#777777',
+				'color' => '#a8a6a1',
 			),
 			array(
 				'name'  => esc_html__( 'Light Gray', 'dara' ),
 				'slug' => 'light-gray',
-				'color' => '#dddddd',
+				'color' => '#e6e6e6',
 			),
 			array(
 				'name'  => esc_html__( 'White', 'dara' ),
@@ -83,9 +83,14 @@ function dara_setup() {
 				'color' => '#ffffff',
 			),
 			array(
-				'name'  => esc_html__( 'Red', 'dara' ),
-				'slug' => 'red',
-				'color' => '#d11415',
+				'name'  => esc_html__( 'Blue', 'dara' ),
+				'slug' => 'blue',
+				'color' => '#15b6b8',
+			),
+			array(
+				'name'  => esc_html__( 'Dark Blue', 'dara' ),
+				'slug' => 'dark-blue',
+				'color' => '#0c8384',
 			)
 		)
 	);