Adds custom colors.

This commit is contained in:
Caroline Moore 2018-11-13 13:39:19 -05:00
parent 544ead65de
commit d2cdb56851
3 changed files with 81 additions and 38 deletions

View file

@ -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-red-background-color,
.has-red-background-color:hover,
.has-red-background-color:focus,
.has-red-background-color:active {
background-color: #f35029;
.has-orange-background-color,
.has-orange-background-color:hover,
.has-orange-background-color:focus,
.has-orange-background-color:active {
background-color: #d16221;
}
.has-dark-red-color,
.has-dark-red-color:hover,
.has-dark-red-color:focus,
.has-dark-red-color:active {
color: #aa2e11;
.has-yellow-color,
.has-yellow-color:hover,
.has-yellow-color:focus,
.has-yellow-color:active {
color: #e4b500;
}
.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-yellow-background-color,
.has-yellow-background-color:hover,
.has-yellow-background-color:focus,
.has-yellow-background-color:active {
background-color: #e4b500;
}
.has-blue-color,
.has-blue-color:hover,
.has-blue-color:focus,
.has-blue-color:active {
color: #7ba6a9;
}
.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;
}

View file

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

View file

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