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:hover,
.has-light-gray-color:focus, .has-light-gray-color:focus,
.has-light-gray-color:active { .has-light-gray-color:active {
color: #ccc; color: #bdcbcc;
} }
.has-light-gray-background-color, .has-light-gray-background-color,
.has-light-gray-background-color:hover, .has-light-gray-background-color:hover,
.has-light-gray-background-color:focus, .has-light-gray-background-color:focus,
.has-light-gray-background-color:active { .has-light-gray-background-color:active {
background-color: #ccc; background-color: #bdcbcc;
} }
.has-white-color, .has-white-color,
@ -398,58 +398,86 @@ hr.wp-block-separator {
background-color: #fff; background-color: #fff;
} }
.has-red-color, .has-orange-color,
.has-red-color:hover, .has-orange-color:hover,
.has-red-color:focus, .has-orange-color:focus,
.has-red-color:active { .has-orange-color:active {
color: #f35029; color: #d16221;
} }
.has-red-background-color, .has-orange-background-color,
.has-red-background-color:hover, .has-orange-background-color:hover,
.has-red-background-color:focus, .has-orange-background-color:focus,
.has-red-background-color:active { .has-orange-background-color:active {
background-color: #f35029; background-color: #d16221;
} }
.has-dark-red-color, .has-yellow-color,
.has-dark-red-color:hover, .has-yellow-color:hover,
.has-dark-red-color:focus, .has-yellow-color:focus,
.has-dark-red-color:active { .has-yellow-color:active {
color: #aa2e11; color: #e4b500;
} }
.has-dark-red-background-color, .has-yellow-background-color,
.has-dark-red-background-color:hover, .has-yellow-background-color:hover,
.has-dark-red-background-color:focus, .has-yellow-background-color:focus,
.has-dark-red-background-color:active { .has-yellow-background-color:active {
background-color: #aa2e11; 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,
.has-dark-gray-color:hover, .has-dark-gray-color:hover,
.has-dark-gray-color:focus, .has-dark-gray-color:focus,
.has-dark-gray-color:active { .has-dark-gray-color:active {
color: #666; color: #777;
} }
.has-dark-gray-background-color, .has-dark-gray-background-color,
.has-dark-gray-background-color:hover, .has-dark-gray-background-color:hover,
.has-dark-gray-background-color:focus, .has-dark-gray-background-color:focus,
.has-dark-gray-background-color:active { .has-dark-gray-background-color:active {
background-color: #666; background-color: #777;
} }
.has-black-color, .has-black-color,
.has-black-color:hover, .has-black-color:hover,
.has-black-color:focus, .has-black-color:focus,
.has-black-color:active { .has-black-color:active {
color: #000; color: #222;
} }
.has-black-background-color, .has-black-background-color,
.has-black-background-color:hover, .has-black-background-color:hover,
.has-black-background-color:focus, .has-black-background-color:focus,
.has-black-background-color:active { .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) { .edit-post-visual-editor .editor-block-list__block blockquote p:not(.wp-block-cover-text) {
color: #aaa;
font-size: 22px; font-size: 22px;
} }
@ -304,6 +305,7 @@
color: inherit; color: inherit;
display: block; display: block;
font-size: 18px; font-size: 18px;
font-style: italic;
padding: 8px 0 0; padding: 8px 0 0;
} }
@ -331,6 +333,7 @@
.wp-block-quote.is-large, .wp-block-quote.is-large,
.wp-block-quote.is-style-large { .wp-block-quote.is-style-large {
font-size: 32px; font-size: 32px;
font-style: italic;
} }
.rtl .wp-block-quote.is-large, .rtl .wp-block-quote.is-large,
@ -590,6 +593,7 @@
} }
.wp-block-freeform.block-library-rich-text__tinymce table { .wp-block-freeform.block-library-rich-text__tinymce table {
border: 0;
border-collapse: collapse; border-collapse: collapse;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
margin: 0 0 1.5em; margin: 0 0 1.5em;
@ -725,6 +729,7 @@
} }
.editor-block-list__block table.wp-block-table td { .editor-block-list__block table.wp-block-table td {
border: 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
font-size: 90%; font-size: 90%;
padding: 0.5em; padding: 0.5em;

View file

@ -44,22 +44,22 @@ function scratchpad_setup() {
array( array(
'name' => esc_html__( 'Black', 'scratchpad' ), 'name' => esc_html__( 'Black', 'scratchpad' ),
'slug' => 'black', 'slug' => 'black',
'color' => '#26231e', 'color' => '#222222',
), ),
array( array(
'name' => esc_html__( 'Dark Gray', 'scratchpad' ), 'name' => esc_html__( 'Dark Gray', 'scratchpad' ),
'slug' => 'dark-gray', 'slug' => 'dark-gray',
'color' => '#787065', 'color' => '#777777',
), ),
array( array(
'name' => esc_html__( 'Medium Gray', 'scratchpad' ), 'name' => esc_html__( 'Medium Gray', 'scratchpad' ),
'slug' => 'medium-gray', 'slug' => 'medium-gray',
'color' => '#a09a92', 'color' => '#999999',
), ),
array( array(
'name' => esc_html__( 'Light Gray', 'scratchpad' ), 'name' => esc_html__( 'Light Gray', 'scratchpad' ),
'slug' => 'light-gray', 'slug' => 'light-gray',
'color' => '#d9d6d0', 'color' => '#bdcbcc',
), ),
array( array(
'name' => esc_html__( 'White', 'scratchpad' ), 'name' => esc_html__( 'White', 'scratchpad' ),
@ -67,26 +67,36 @@ function scratchpad_setup() {
'color' => '#ffffff', 'color' => '#ffffff',
), ),
array( array(
'name' => esc_html__( 'Red', 'scratchpad' ), 'name' => esc_html__( 'Blue', 'scratchpad' ),
'slug' => 'red', 'slug' => 'blue',
'color' => '#932817', 'color' => '#7ba6a9',
), ),
array( array(
'name' => esc_html__( 'Dark Red', 'scratchpad' ), 'name' => esc_html__( 'Dark Blue', 'scratchpad' ),
'slug' => 'dark-red', 'slug' => 'dark-blue',
'color' => '#712012', '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. * 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_theme_support( 'post-thumbnails' );
add_image_size( 'scratchpad-avatar', 85, 85, true ); 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. // This theme uses wp_nav_menu() in one location.
register_nav_menus( array( register_nav_menus( array(