Add full Gutenberg colors support.

This commit is contained in:
Caroline Moore 2018-11-02 13:17:11 -04:00
parent 27e7c71820
commit 8fee40235b
2 changed files with 23 additions and 18 deletions

View file

@ -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,

View file

@ -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',
)
)
);