Add full Gutenberg colors support.
This commit is contained in:
parent
27e7c71820
commit
8fee40235b
2 changed files with 23 additions and 18 deletions
|
@ -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,
|
||||
|
|
|
@ -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',
|
||||
)
|
||||
)
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue