374 lines
8.8 KiB
PHP
374 lines
8.8 KiB
PHP
<?php
|
|
|
|
/**
|
|
* Background color
|
|
* - Default: white
|
|
* - Used for all backgrounds
|
|
*/
|
|
add_color_rule( 'bg', '#ffffff', array(
|
|
|
|
// Background color, no contrast
|
|
array(
|
|
'body,
|
|
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"],
|
|
ins,
|
|
mark,
|
|
.main-navigation .children,
|
|
.main-navigation .sub-menu,
|
|
.main-navigation > div,
|
|
.menu-toggle,
|
|
.menu-toggle:focus,
|
|
.entry-image .entry-image-caption,
|
|
#infinite-handle span button,
|
|
.comment .comment-reply-title a', 'background-color' ),
|
|
|
|
// Border color, no contrast
|
|
array(
|
|
'.card:hover .entry-header,
|
|
.card .entry-title a:hover,
|
|
.card:hover .entry-title a:hover', 'border-color' ),
|
|
|
|
// Text color, no contrast
|
|
array(
|
|
'button:active,
|
|
button:focus,
|
|
button:hover,
|
|
input[type="button"]:active,
|
|
input[type="button"]:focus,
|
|
input[type="button"]:hover,
|
|
input[type="reset"]:active,
|
|
input[type="reset"]:focus,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"]:active,
|
|
input[type="submit"]:focus,
|
|
input[type="submit"]:hover,
|
|
pre,
|
|
.page-links a:hover,
|
|
.posts-navigation a:active,
|
|
.posts-navigation a:hover,
|
|
.site-feature .entry-header .entry-categories:after,
|
|
.site-feature .entry-header .entry-meta,
|
|
.site-feature .entry-header .entry-meta a,
|
|
.site-feature .entry-header .entry-meta a:active,
|
|
.site-feature .entry-header .entry-meta a:hover,
|
|
.site-feature .entry-header .entry-summary,
|
|
.site-feature .entry-header .entry-title a,
|
|
.site-feature .entry-header a,
|
|
.card:hover,
|
|
.card:hover a,
|
|
.card:hover a:active,
|
|
.card:hover a:hover,
|
|
.card:hover .entry-meta,
|
|
.card:hover .entry-meta > span:after,
|
|
.card:hover .sd-rating h3.sd-title,
|
|
#infinite-handle span button:active,
|
|
#infinite-handle span button:focus,
|
|
#infinite-handle span button:hover,
|
|
.widget_tag_cloud a[style]:active,
|
|
.widget_tag_cloud a[style]:hover', 'color' ),
|
|
|
|
),
|
|
|
|
__( 'Background color' ) );
|
|
|
|
/**
|
|
* Text and Border Colors
|
|
* - Default: black
|
|
* - Used for buttons, general rules and borders
|
|
*/
|
|
add_color_rule( 'txt', '#000000', array(
|
|
|
|
// Background Color, bg contrast, less contrast to match #CCC
|
|
array(
|
|
'button:active,
|
|
button:focus,
|
|
button:hover,
|
|
input[type="button"]:active,
|
|
input[type="button"]:focus,
|
|
input[type="button"]:hover,
|
|
input[type="reset"]:active,
|
|
input[type="reset"]:focus,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"]:active,
|
|
input[type="submit"]:focus,
|
|
input[type="submit"]:hover,
|
|
hr,
|
|
pre,
|
|
.site-feature .entry-image-link,
|
|
.card .entry-image,
|
|
#infinite-handle span button:active,
|
|
#infinite-handle span button:focus,
|
|
#infinite-handle span button:hover,
|
|
.page-links a:hover,
|
|
.posts-navigation a:active,
|
|
.posts-navigation a:hover,
|
|
.widget_tag_cloud a[style]:active,
|
|
.widget_tag_cloud a[style]:hover', 'background-color', 'bg' ),
|
|
|
|
// Background Color, bg contrast, more contrast to match #555
|
|
array(
|
|
'.site-feature .entry-header', 'background-color', 'bg', 8 ),
|
|
|
|
// Border Color, bg contrast
|
|
array(
|
|
'button,
|
|
input[type="button"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="reset"],
|
|
input[type="search"],
|
|
input[type="submit"],
|
|
input[type="text"],
|
|
input[type="url"],
|
|
textarea,
|
|
.site-heading,
|
|
.site-branding,
|
|
.site-footer,
|
|
.site-main .comment-navigation .nav-links,
|
|
.main-navigation .children,
|
|
.main-navigation .sub-menu,
|
|
.main-navigation .menu-item-has-children:hover,
|
|
.main-navigation .page_item_has_children:hover,
|
|
.main-navigation div > ul ul,
|
|
.main-navigation ul ul > li:hover,
|
|
.archive .page-header .page-title,
|
|
.comment-respond p input,
|
|
.comment-respond p textarea,
|
|
.page-links a,
|
|
.posts-navigation a,
|
|
.search .page-header .page-title,
|
|
.widget_tag_cloud a[style],
|
|
.wpcom-reblog-snapshot .reblog-post,
|
|
.entry-image .entry-image-caption,
|
|
.main-navigation div > ul:last-child,
|
|
.main-navigation div > ul:first-child,
|
|
.page .page,
|
|
.pingback .comment-body,
|
|
.search .page-header,
|
|
.search-no-results .page-content,
|
|
.single #page .site-main,
|
|
.single .site-main .post-navigation,
|
|
.single-jetpack-portfolio .hentry,
|
|
.archive .page-header,
|
|
.author-meta,
|
|
.card .entry-header,
|
|
.card .entry-image-section,
|
|
.comments-area,
|
|
.entry-author,
|
|
.error404 .not-found,
|
|
#infinite-handle span button,
|
|
#infinite-handle span button:active,
|
|
#infinite-handle span button:focus,
|
|
#infinite-handle span button:hover,
|
|
#secondary', 'border-color', 'bg' ),
|
|
|
|
// Border Color, bg contrast, less contrast to match #CCC
|
|
array(
|
|
'.single .site-main > .post-navigation,
|
|
.site-main .comment-navigation .nav-links,
|
|
.pingback .comment-body', 'border-color', 'bg', 2 ),
|
|
|
|
// Border Color, bg contrast, more contrast to match #999
|
|
array(
|
|
'.main-navigation .sub-menu:before,
|
|
.main-navigation .children:before,
|
|
.main-navigation li:after,
|
|
.main-navigation li:after,
|
|
.dropdown-toggle,
|
|
.comment .children .comment-body,
|
|
.comment .comment-body,
|
|
.comment-content td,
|
|
.comment-content th,
|
|
.comment-content tr,
|
|
.single div#respond,
|
|
.comment-respond,
|
|
.no-comments,
|
|
.entry-content tbody td,
|
|
.entry-content tbody th,
|
|
.entry-content tbody tr,
|
|
.widget_calendar tbody td,
|
|
.widget_calendar tbody th,
|
|
.widget_calendar tbody tr', 'border-color', 'bg', 12 ),
|
|
|
|
// Text Color, bg contrast
|
|
array(
|
|
'a,
|
|
a:visited,
|
|
input[type="email"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="text"]:focus,
|
|
input[type="url"]:focus,
|
|
mark,
|
|
textarea:focus,
|
|
.entry-content a:active,
|
|
.entry-content a:hover,
|
|
.entry-title a,
|
|
.site-title a,
|
|
.site-description,
|
|
.main-navigation ul > li a,
|
|
.dropdown-toggle:after,
|
|
.comment-content a:active,
|
|
.comment-content a:hover,
|
|
.widget_calendar table a:active,
|
|
.widget_calendar table a:hover', 'color', 'bg' ),
|
|
|
|
// Text Color, bg contrast, less contrast to match #CCC
|
|
array(
|
|
'.comment-navigation .nav-next:after,
|
|
.comment-navigation .nav-previous:after,
|
|
.entry-meta > span:after,
|
|
.post-navigation .nav-next:after,
|
|
.post-navigation .nav-previous:after', 'color', 'bg', 2 ),
|
|
|
|
// Text Color, bg contrast, with lowered opacity
|
|
array(
|
|
'body,
|
|
button,
|
|
input,
|
|
select,
|
|
textarea,
|
|
.entry-meta a,
|
|
footer.entry-meta a:hover,
|
|
footer.entry-meta a:active,
|
|
div.sharedaddy h3.sd-title,
|
|
div#jp-relatedposts h3.jp-relatedposts-headline em', 'color', 'bg', 2 ),
|
|
|
|
// Text Color, bg contrast, more contrast to match #999
|
|
array(
|
|
'.archive .taxonomy-description,
|
|
.comment-metadata a,
|
|
.entry-image .entry-image-caption,
|
|
.entry-meta,
|
|
.gallery-caption,
|
|
.pingback .comment-body,
|
|
.search .taxonomy-description,
|
|
.widget_calendar tbody,
|
|
.wp-caption .wp-caption-text', 'color', 'bg', 12 ),
|
|
|
|
),
|
|
|
|
__( 'Text and Border Colors' ) );
|
|
|
|
/**
|
|
* Link color
|
|
* - Default: red
|
|
* - Used for link hover states, primary menu hover states, and buttons
|
|
*/
|
|
add_color_rule( 'link', '#f35029', array(
|
|
|
|
// Background Color, bg contrast
|
|
array(
|
|
'.card:hover', 'background-color', 'bg' ),
|
|
|
|
// Border Color, bg contrast
|
|
array(
|
|
'.dropdown-toggle:hover,
|
|
.dropdown-toggle.toggled-on,
|
|
.comment-content blockquote,
|
|
.comment-content q,
|
|
.entry-content blockquote,
|
|
.entry-content q,
|
|
.card .entry-title a:hover', 'border-color', 'bg' ),
|
|
|
|
// Text Color, bg contrast
|
|
array(
|
|
'a:active,
|
|
a:focus,
|
|
a:hover,
|
|
button,
|
|
footer.entry-meta a,
|
|
input[type="button"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="reset"],
|
|
input[type="search"],
|
|
input[type="submit"],
|
|
input[type="text"],
|
|
input[type="url"],
|
|
textarea,
|
|
.site-title a:hover,
|
|
.main-navigation .children li:hover:before,
|
|
.main-navigation .sub-menu li:hover:before,
|
|
.main-navigation ul > li:hover > a,
|
|
.main-navigation ul ul > li:hover > a,
|
|
.menu-toggle,
|
|
.menu-toggle:focus,
|
|
.dropdown-toggle.toggled-on:after,
|
|
.dropdown-toggle:hover::after,
|
|
.dropdown-toggle:active,
|
|
.dropdown-toggle:focus,
|
|
.entry-content a,
|
|
.entry-meta a:active,
|
|
.entry-meta a:hover,
|
|
.entry-title a:active,
|
|
.entry-title a:hover,
|
|
.bypostauthor .fn:before,
|
|
.comment .comment-author a,
|
|
.comment-content a,
|
|
.comment .comment-reply-link,
|
|
.comment .comment-reply-title a,
|
|
#infinite-handle span button,
|
|
.posts-navigation a,
|
|
.widget_calendar table a,
|
|
.widget_tag_cloud a[style],
|
|
.wpcom-reblog-snapshot .reblog-post:before', 'color', 'bg' ),
|
|
|
|
),
|
|
|
|
__( 'Links, Headings, and Buttons' ) );
|
|
|
|
/**
|
|
* Featured Color Schemes
|
|
*/
|
|
|
|
add_color_palette( array(
|
|
'#F9F4F0',
|
|
'#ed0202',
|
|
'#1e120f',
|
|
'',
|
|
'',
|
|
), __( 'Tan, Red, & Mahogany' ) );
|
|
|
|
add_color_palette( array(
|
|
'#2a044a',
|
|
'#f0c060',
|
|
'#f35029',
|
|
'',
|
|
'',
|
|
), __( 'Mardi Gras' ) );
|
|
|
|
add_color_palette( array(
|
|
'#f9f7f0',
|
|
'#666666',
|
|
'#198975',
|
|
'',
|
|
'',
|
|
), __( 'Off White & Ever Green' ) );
|
|
|
|
add_color_palette( array(
|
|
'#000000',
|
|
'#ededed',
|
|
'#c60000',
|
|
'',
|
|
'',
|
|
), __( 'Black, Gray, & Red' ) );
|
|
|
|
add_color_palette( array(
|
|
'#228a24',
|
|
'#ffffff',
|
|
'#000000',
|
|
'',
|
|
'',
|
|
), __( 'Green, White & Black' ) );
|
|
|
|
add_color_palette( array(
|
|
'#ffffff',
|
|
'#b38184',
|
|
'#455c86',
|
|
'',
|
|
'',
|
|
), __( 'White, Mauve & Navy' ) );
|