diff --git a/wp-content/themes/twentyseventeen/assets/css/colors-dark.css b/wp-content/themes/twentyseventeen/assets/css/colors-dark.css index ffcec065c6..25bd9c517b 100644 --- a/wp-content/themes/twentyseventeen/assets/css/colors-dark.css +++ b/wp-content/themes/twentyseventeen/assets/css/colors-dark.css @@ -2,6 +2,8 @@ * Twenty Seventeen: Dark Color Scheme * * See inc/color-patterns.php for dynamic color overrides for the theme. + * + * Colors are ordered from light to dark. */ .colors-dark button, @@ -11,6 +13,164 @@ background-color: #fff; } +.colors-dark a:hover, +.colors-dark a:active, +.colors-dark .entry-content a:focus, +.colors-dark .entry-content a:hover, +.colors-dark .entry-summary a:focus, +.colors-dark .entry-summary a:hover, +.colors-dark .widget a:focus, +.colors-dark .widget a:hover, +.colors-dark .site-footer .widget-area a:focus, +.colors-dark .site-footer .widget-area a:hover, +.colors-dark .posts-navigation a:focus, +.colors-dark .posts-navigation a:hover, +.colors-dark .comment-metadata a:focus, +.colors-dark .comment-metadata a:hover, +.colors-dark .comment-metadata a.comment-edit-link:focus, +.colors-dark .comment-metadata a.comment-edit-link:hover, +.colors-dark .comment-reply-link:focus, +.colors-dark .comment-reply-link:hover, +.colors-dark .widget_authors a:focus strong, +.colors-dark .widget_authors a:hover strong, +.colors-dark .entry-title a:focus, +.colors-dark .entry-title a:hover, +.colors-dark .entry-meta a:focus, +.colors-dark .entry-meta a:hover, +.colors-dark.blog .entry-meta a.post-edit-link:focus, +.colors-dark.blog .entry-meta a.post-edit-link:hover, +.colors-dark.archive .entry-meta a.post-edit-link:focus, +.colors-dark.archive .entry-meta a.post-edit-link:hover, +.colors-dark.search .entry-meta a.post-edit-link:focus, +.colors-dark.search .entry-meta a.post-edit-link:hover, +.colors-dark .page-links a:focus .page-number, +.colors-dark .page-links a:hover .page-number, +.colors-dark .entry-footer .cat-links a:focus, +.colors-dark .entry-footer .cat-links a:hover, +.colors-dark .entry-footer .tags-links a:focus, +.colors-dark .entry-footer .tags-links a:hover, +.colors-dark .post-navigation a:focus, +.colors-dark .post-navigation a:hover, +.colors-dark .logged-in-as a:focus, +.colors-dark .logged-in-as a:hover, +.colors-dark a:focus .nav-title, +.colors-dark a:hover .nav-title, +.colors-dark .edit-link a:focus, +.colors-dark .edit-link a:hover, +.colors-dark .site-info a:focus, +.colors-dark .site-info a:hover, +.colors-dark .widget .widget-title a:focus, +.colors-dark .widget .widget-title a:hover, +.colors-dark .widget ul li a:focus, +.colors-dark .widget ul li a:hover { + color: #fff; +} + +.colors-dark .entry-content a:focus, +.colors-dark .entry-content a:hover, +.colors-dark .entry-summary a:focus, +.colors-dark .entry-summary a:hover, +.colors-dark .widget a:focus, +.colors-dark .widget a:hover, +.colors-dark .site-footer .widget-area a:focus, +.colors-dark .site-footer .widget-area a:hover, +.colors-dark .posts-navigation a:focus, +.colors-dark .posts-navigation a:hover, +.colors-dark .comment-metadata a:focus, +.colors-dark .comment-metadata a:hover, +.colors-dark .comment-metadata a.comment-edit-link:focus, +.colors-dark .comment-metadata a.comment-edit-link:hover, +.colors-dark .comment-reply-link:focus, +.colors-dark .comment-reply-link:hover, +.colors-dark .widget_authors a:focus strong, +.colors-dark .widget_authors a:hover strong, +.colors-dark .entry-title a:focus, +.colors-dark .entry-title a:hover, +.colors-dark .entry-meta a:focus, +.colors-dark .entry-meta a:hover, +.colors-dark.blog .entry-meta a.post-edit-link:focus, +.colors-dark.blog .entry-meta a.post-edit-link:hover, +.colors-dark.archive .entry-meta a.post-edit-link:focus, +.colors-dark.archive .entry-meta a.post-edit-link:hover, +.colors-dark.search .entry-meta a.post-edit-link:focus, +.colors-dark.search .entry-meta a.post-edit-link:hover, +.colors-dark .page-links a:focus .page-number, +.colors-dark .page-links a:hover .page-number, +.colors-dark .entry-footer .cat-links a:focus, +.colors-dark .entry-footer .cat-links a:hover, +.colors-dark .entry-footer .tags-links a:focus, +.colors-dark .entry-footer .tags-links a:hover, +.colors-dark .post-navigation a:focus, +.colors-dark .post-navigation a:hover, +.colors-dark .pagination a:focus, +.colors-dark .pagination a:hover, +.colors-dark .comments-pagination a:focus, +.colors-dark .comments-pagination a:hover, +.colors-dark .logged-in-as a:focus, +.colors-dark .logged-in-as a:hover, +.colors-dark a:focus .nav-title, +.colors-dark a:hover .nav-title, +.colors-dark .edit-link a:focus, +.colors-dark .edit-link a:hover, +.colors-dark .site-info a:focus, +.colors-dark .site-info a:hover, +.colors-dark .widget .widget-title a:focus, +.colors-dark .widget .widget-title a:hover, +.colors-dark .widget ul li a:focus, +.colors-dark .widget ul li a:hover { + -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ + box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ +} + +.colors-dark .entry-content a, +.colors-dark .entry-summary a, +.colors-dark .widget a, +.colors-dark .site-footer .widget-area a, +.colors-dark .posts-navigation a, +.colors-dark .widget_authors a strong { + -webkit-box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ + box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ +} + +body.colors-dark, +.colors-dark button, +.colors-dark input, +.colors-dark select, +.colors-dark textarea, +.colors-dark h3, +.colors-dark h4, +.colors-dark h6, +.colors-dark label, +.colors-dark .entry-title a, +.colors-dark.twentyseventeen-front-page .panel-content .recent-posts article, +.colors-dark .entry-footer .cat-links a, +.colors-dark .entry-footer .tags-links a, +.colors-dark .format-quote blockquote, +.colors-dark .nav-title, +.colors-dark .comment-body { + color: #eee; +} + +.colors-dark input[type="text"]:focus, +.colors-dark input[type="email"]:focus, +.colors-dark input[type="url"]:focus, +.colors-dark input[type="password"]:focus, +.colors-dark input[type="search"]:focus, +.colors-dark input[type="number"]:focus, +.colors-dark input[type="tel"]:focus, +.colors-dark input[type="range"]:focus, +.colors-dark input[type="date"]:focus, +.colors-dark input[type="month"]:focus, +.colors-dark input[type="week"]:focus, +.colors-dark input[type="time"]:focus, +.colors-dark input[type="datetime"]:focus, +.colors-dark input[type="datetime-local"]:focus, +.colors-dark input[type="color"]:focus, +.colors-dark textarea:focus, +.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { + border-color: #eee; +} + .colors-dark input[type="text"]:focus, .colors-dark input[type="email"]:focus, .colors-dark input[type="url"]:focus, @@ -33,11 +193,9 @@ .colors-dark input[type="reset"].secondary, .colors-dark input[type="submit"].secondary, .colors-dark a, -.colors-dark a:visited, .colors-dark .site-title, .colors-dark .site-title a, .colors-dark .navigation-top a, -.colors-dark .navigation-top a:visited, .colors-dark .dropdown-toggle, .colors-dark .menu-toggle, .colors-dark .page .panel-content .entry-title, @@ -47,48 +205,14 @@ .colors-dark .comment-metadata a.comment-edit-link, .colors-dark .comment-reply-link .icon, .colors-dark h2.widget-title, -.colors-dark mark { - color: #fff; -} - -body.colors-dark, -.colors-dark button, -.colors-dark input, -.colors-dark select, -.colors-dark textarea, -.colors-dark h3, -.colors-dark h4, -.colors-dark h6, -.colors-dark label, -.colors-dark .entry-title a, -.colors-dark.twentyseventeen-front-page .panel-content .recent-posts article, -.colors-dark .entry-footer .cat-links a, -.colors-dark .entry-footer .tags-links a, -.colors-dark .format-quote blockquote, -.colors-dark .nav-title, -.colors-dark .comment-body { - color: #eee; -} - - -.colors-dark input[type="text"]:focus, -.colors-dark input[type="email"]:focus, -.colors-dark input[type="url"]:focus, -.colors-dark input[type="password"]:focus, -.colors-dark input[type="search"]:focus, -.colors-dark input[type="number"]:focus, -.colors-dark input[type="tel"]:focus, -.colors-dark input[type="range"]:focus, -.colors-dark input[type="date"]:focus, -.colors-dark input[type="month"]:focus, -.colors-dark input[type="week"]:focus, -.colors-dark input[type="time"]:focus, -.colors-dark input[type="datetime"]:focus, -.colors-dark input[type="datetime-local"]:focus, -.colors-dark input[type="color"]:focus, -.colors-dark textarea:focus, -.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { - border-color: #eee; +.colors-dark mark, +.colors-dark .post-navigation a:focus .icon, +.colors-dark .post-navigation a:hover .icon, +.colors-dark.blog .entry-meta a.post-edit-link, +.colors-dark.archive .entry-meta a.post-edit-link, +.colors-dark.search .entry-meta a.post-edit-link, +.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { + color: #ddd; } .colors-dark h2, @@ -110,9 +234,7 @@ body.colors-dark, .colors-dark input[type="color"], .colors-dark textarea, .colors-dark .navigation-top .current-menu-item > a, -.colors-dark .navigation-top .current-menu-item > a:visited, .colors-dark .navigation-top .current_page_item > a, -.colors-dark .navigation-top .current_page_item > a:visited, .colors-dark .entry-content blockquote.alignleft, .colors-dark .entry-content blockquote.alignright, .colors-dark .taxonomy-description, @@ -127,6 +249,7 @@ body.colors-dark, } .colors-dark h5, +.main-navigation a:hover, .colors-dark .entry-meta, .colors-dark .entry-meta a, .colors-dark .nav-subtitle, @@ -146,60 +269,12 @@ body.colors-dark, .colors-dark input[type="button"]:focus, .colors-dark input[type="submit"]:hover, .colors-dark input[type="submit"]:focus, -.colors-dark .entry-content a:focus, -.colors-dark .entry-content a:hover, -.colors-dark .entry-summary a:focus, -.colors-dark .entry-summary a:hover, -.colors-dark .widget a:focus, -.colors-dark .widget a:hover, -.colors-dark .site-footer .widget-area a:focus, -.colors-dark .site-footer .widget-area a:hover, -.colors-dark .posts-navigation a:focus, -.colors-dark .posts-navigation a:hover, -.colors-dark .comment-navigation a:focus, -.colors-dark .comment-navigation a:hover, -.colors-dark .comment-metadata a:focus, -.colors-dark .comment-metadata a:hover, -.colors-dark .comment-metadata a.comment-edit-link:focus, -.colors-dark .comment-metadata a.comment-edit-link:hover, -.colors-dark .comment-reply-link:focus, -.colors-dark .comment-reply-link:hover, -.colors-dark .widget_authors a:focus strong, -.colors-dark .widget_authors a:hover strong, -.colors-dark .project-terms a:focus, -.colors-dark .project-terms a:hover, -.colors-dark .entry-title a:focus, -.colors-dark .entry-title a:hover, -.colors-dark .entry-meta a:focus, -.colors-dark .entry-meta a:hover, -.colors-dark .page-links a:focus .page-number, -.colors-dark .page-links a:hover .page-number, -.colors-dark .entry-footer a:focus, -.colors-dark .entry-footer a:hover, -.colors-dark .entry-footer .cat-links a:focus, -.colors-dark .entry-footer .cat-links a:hover, -.colors-dark .entry-footer .tags-links a:focus, -.colors-dark .entry-footer .tags-links a:hover, -.colors-dark .post-navigation a:focus, -.colors-dark .post-navigation a:hover, -.colors-dark .logged-in-as a:focus, -.colors-dark .logged-in-as a:hover, -.colors-dark .comment-navigation a:focus, -.colors-dark .comment-navigation a:hover, -.colors-dark a:focus .nav-title, -.colors-dark a:hover .nav-title, -.colors-dark .edit-link a:focus, -.colors-dark .edit-link a:hover, -.colors-dark .pagination a:focus, -.colors-dark .pagination a:hover, -.colors-dark .site-info a:focus, -.colors-dark .site-info a:hover, -.colors-dark .widget .widget-title a:focus, -.colors-dark .widget .widget-title a:hover, -.colors-dark .widget ul li a:focus, -.colors-dark .widget ul li a:hover, -.colors-dark .entry-footer .edit-link a.post-edit-link:hover, -.colors-dark .entry-footer .edit-link a.post-edit-link:focus { +.colors-dark .prev.page-numbers:focus, +.colors-dark .prev.page-numbers:hover, +.colors-dark .next.page-numbers:focus, +.colors-dark .next.page-numbers:hover, +.colors-dark .entry-footer .edit-link a.post-edit-link:focus, +.colors-dark .entry-footer .edit-link a.post-edit-link:hover { background: #bbb; } @@ -209,19 +284,9 @@ body.colors-dark, color: #222; } -.colors-dark .entry-content a, -.colors-dark .entry-content a:visited, -.colors-dark .entry-summary a, -.colors-dark .entry-summary a:visited, -.colors-dark .widget a, -.colors-dark .widget a:visited, -.colors-dark .site-footer .widget-area a, -.colors-dark .site-footer .widget-area a:visited, -.colors-dark .posts-navigation a, -.colors-dark .posts-navigation a:visited, -.colors-dark .widget_authors a strong, -.colors-dark .widget_authors a:visited strong { - border-bottom-color: #bbb; +.colors-dark .entry-footer .cat-links .icon, +.colors-dark .entry-footer .tags-links .icon { + color: #666; } .colors-dark button.secondary:hover, @@ -266,11 +331,6 @@ body.colors-dark, border-color: #555; } -.colors-dark .entry-footer .cat-links .icon, -.colors-dark .entry-footer .tags-links .icon { - color: #666; -} - .colors-dark button.secondary, .colors-dark input[type="reset"], .colors-dark input[type="button"].secondary, @@ -320,6 +380,11 @@ body.colors-dark, background: #333; } +.colors-dark tr, +.colors-dark thead th { + border-color: #333; +} + .colors-dark .navigation-top, .colors-dark .main-navigation > div > ul, .colors-dark .pagination, @@ -329,6 +394,7 @@ body.colors-dark, border-top-color: #333; } +.colors-dark .single-featured-image-header, .colors-dark .navigation-top, .colors-dark .main-navigation li, .colors-dark .entry-footer, @@ -336,66 +402,18 @@ body.colors-dark, border-bottom-color: #333; } -.colors-dark .site-header { +.colors-dark .site-header, +.colors-dark .single-featured-image-header { background-color: #262626; } -.colors-dark .entry-content a:focus, -.colors-dark .entry-content a:hover, -.colors-dark .entry-summary a:focus, -.colors-dark .entry-summary a:hover, -.colors-dark .widget a:focus, -.colors-dark .widget a:hover, -.colors-dark .site-footer .widget-area a:focus, -.colors-dark .site-footer .widget-area a:hover, -.colors-dark .posts-navigation a:focus, -.colors-dark .posts-navigation a:hover, -.colors-dark .comment-navigation a:focus, -.colors-dark .comment-navigation a:hover, -.colors-dark .comment-metadata a:focus, -.colors-dark .comment-metadata a:hover, -.colors-dark .comment-metadata a.comment-edit-link:focus, -.colors-dark .comment-metadata a.comment-edit-link:hover, -.colors-dark .comment-reply-link:focus, -.colors-dark .comment-reply-link:hover, -.colors-dark .widget_authors a:focus strong, -.colors-dark .widget_authors a:hover strong, -.colors-dark .project-terms a:focus, -.colors-dark .project-terms a:hover, -.colors-dark .entry-title a:focus, -.colors-dark .entry-title a:hover, -.colors-dark .entry-meta a:focus, -.colors-dark .entry-meta a:hover, -.colors-dark .page-links a:focus .page-number, -.colors-dark .page-links a:hover .page-number, -.colors-dark .entry-footer a:focus, -.colors-dark .entry-footer a:hover, -.colors-dark .entry-footer .cat-links a:focus, -.colors-dark .entry-footer .cat-links a:hover, -.colors-dark .entry-footer .tags-links a:focus, -.colors-dark .entry-footer .tags-links a:hover, -.colors-dark .post-navigation a:focus, -.colors-dark .post-navigation a:hover, -.colors-dark .logged-in-as a:focus, -.colors-dark .logged-in-as a:hover, -.colors-dark .comment-navigation a:focus, -.colors-dark .comment-navigation a:hover, -.colors-dark a:focus .nav-title, -.colors-dark a:hover .nav-title, -.colors-dark .edit-link a:focus, -.colors-dark .edit-link a:hover, -.colors-dark .pagination a:focus, -.colors-dark .pagination a:hover, -.colors-dark .site-info a:focus, -.colors-dark .site-info a:hover, -.colors-dark .widget .widget-title a:focus, -.colors-dark .widget .widget-title a:hover, -.colors-dark .widget ul li a:focus, -.colors-dark .widget ul li a:hover, .colors-dark button, .colors-dark input[type="button"], .colors-dark input[type="submit"], -.colors-dark .entry-footer .edit-link a.post-edit-link { +.colors-dark .prev.page-numbers:focus, +.colors-dark .prev.page-numbers:hover, +.colors-dark .next.page-numbers:focus, +.colors-dark .next.page-numbers:hover { color: #222; } @@ -405,16 +423,74 @@ body.colors-dark, background: #222; } +.colors-dark .entry-title a, +.colors-dark .entry-meta a, +.colors-dark.blog .entry-meta a.post-edit-link, +.colors-dark.archive .entry-meta a.post-edit-link, +.colors-dark.search .entry-meta a.post-edit-link, +.colors-dark .page-links a, +.colors-dark .page-links a .page-number, +.colors-dark .entry-footer a, +.colors-dark .entry-footer .cat-links a, +.colors-dark .entry-footer .tags-links a, +.colors-dark .edit-link a, +.colors-dark .post-navigation a, +.colors-dark .logged-in-as a, +.colors-dark .comment-navigation a, +.colors-dark .comment-metadata a, +.colors-dark .comment-metadata a.comment-edit-link, +.colors-dark .comment-reply-link, +.colors-dark a .nav-title, +.colors-dark .pagination a, +.colors-dark .widget .widget-title a, +.colors-dark .widget ul li a, +.colors-dark .site-footer .widget-area ul li a, +.colors-dark .site-info a { + -webkit-box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ + box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ +} + +/* Fixes linked images */ +.entry-content a img, +.widget a img { + -webkit-box-shadow: 0 0 0 8px #222; + box-shadow: 0 0 0 8px #222; +} + +.colors-dark .entry-footer .edit-link a.post-edit-link { + color: #000; +} + .colors-dark .menu-toggle, .colors-dark .menu-toggle:hover, .colors-dark .menu-toggle:focus, .colors-dark .dropdown-toggle, -.colors-custom .menu-scroll-down, -.colors-custom .menu-scroll-down:hover, -.colors-custom .menu-scroll-down:focus { +.colors-dark .dropdown-toggle:hover, +.colors-dark .dropdown-toggle:focus, +.colors-dark .menu-scroll-down, +.colors-dark .menu-scroll-down:hover, +.colors-dark .menu-scroll-down:focus { background-color: transparent; } +.colors-dark .widget .tagcloud a, +.colors-dark .widget .tagcloud a:focus, +.colors-dark .widget .tagcloud a:hover, +.colors-dark .widget.widget_tag_cloud a, +.colors-dark .widget.widget_tag_cloud a:focus, +.colors-dark .widget.widget_tag_cloud a:hover, +.colors-dark .wp_widget_tag_cloud a, +.colors-dark .wp_widget_tag_cloud a:focus, +.colors-dark .wp_widget_tag_cloud a:hover, +.colors-dark .entry-footer .edit-link a.post-edit-link:focus, +.colors-dark .entry-footer .edit-link a.post-edit-link:hover, +.colors-dark .prev.page-numbers:focus, +.colors-dark .prev.page-numbers:hover, +.colors-dark .next.page-numbers:focus, +.colors-dark .next.page-numbers:hover { + -webkit-box-shadow: none; + box-shadow: none; +} @media screen and (min-width: 48em) { diff --git a/wp-content/themes/twentyseventeen/inc/color-patterns.php b/wp-content/themes/twentyseventeen/inc/color-patterns.php index acc1c0ce02..21ed85f9b0 100644 --- a/wp-content/themes/twentyseventeen/inc/color-patterns.php +++ b/wp-content/themes/twentyseventeen/inc/color-patterns.php @@ -26,8 +26,75 @@ function twentyseventeen_custom_colors_css() { $css = ' /** * Twenty Seventeen: Color Patterns + * + * Colors are ordered from dark to light. */ +.colors-custom a:hover, +.colors-custom a:active, +.colors-custom .entry-content a:focus, +.colors-custom .entry-content a:hover, +.colors-custom .entry-summary a:focus, +.colors-custom .entry-summary a:hover, +.colors-custom .widget a:focus, +.colors-custom .widget a:hover, +.colors-custom .site-footer .widget-area a:focus, +.colors-custom .site-footer .widget-area a:hover, +.colors-custom .posts-navigation a:focus, +.colors-custom .posts-navigation a:hover, +.colors-custom .comment-metadata a:focus, +.colors-custom .comment-metadata a:hover, +.colors-custom .comment-metadata a.comment-edit-link:focus, +.colors-custom .comment-metadata a.comment-edit-link:hover, +.colors-custom .comment-reply-link:focus, +.colors-custom .comment-reply-link:hover, +.colors-custom .widget_authors a:focus strong, +.colors-custom .widget_authors a:hover strong, +.colors-custom .entry-title a:focus, +.colors-custom .entry-title a:hover, +.colors-custom .entry-meta a:focus, +.colors-custom .entry-meta a:hover, +.colors-custom.blog .entry-meta a.post-edit-link:focus, +.colors-custom.blog .entry-meta a.post-edit-link:hover, +.colors-custom.archive .entry-meta a.post-edit-link:focus, +.colors-custom.archive .entry-meta a.post-edit-link:hover, +.colors-custom.search .entry-meta a.post-edit-link:focus, +.colors-custom.search .entry-meta a.post-edit-link:hover, +.colors-custom .page-links a:focus .page-number, +.colors-custom .page-links a:hover .page-number, +.colors-custom .entry-footer a:focus, +.colors-custom .entry-footer a:hover, +.colors-custom .entry-footer .cat-links a:focus, +.colors-custom .entry-footer .cat-links a:hover, +.colors-custom .entry-footer .tags-links a:focus, +.colors-custom .entry-footer .tags-links a:hover, +.colors-custom .post-navigation a:focus, +.colors-custom .post-navigation a:hover, +.colors-custom .logged-in-as a:focus, +.colors-custom .logged-in-as a:hover, +.colors-custom a:focus .nav-title, +.colors-custom a:hover .nav-title, +.colors-custom .edit-link a:focus, +.colors-custom .edit-link a:hover, +.colors-custom .site-info a:focus, +.colors-custom .site-info a:hover, +.colors-custom .widget .widget-title a:focus, +.colors-custom .widget .widget-title a:hover, +.colors-custom .widget ul li a:focus, +.colors-custom .widget ul li a:hover { + color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 0% ); /* base: #000; */ +} + +.colors-custom .entry-content a, +.colors-custom .entry-summary a, +.colors-custom .widget a, +.colors-custom .site-footer .widget-area a, +.colors-custom .posts-navigation a, +.colors-custom .widget_authors a strong { + -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */ + box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */ +} + .colors-custom button, .colors-custom input[type="button"], .colors-custom input[type="submit"], @@ -57,11 +124,9 @@ function twentyseventeen_custom_colors_css() { .colors-custom input[type="reset"].secondary, .colors-custom input[type="submit"].secondary, .colors-custom a, -.colors-custom a:visited, .colors-custom .site-title, .colors-custom .site-title a, .colors-custom .navigation-top a, -.colors-custom .navigation-top a:visited, .colors-custom .dropdown-toggle, .colors-custom .menu-toggle, .colors-custom .page .panel-content .entry-title, @@ -71,10 +136,70 @@ function twentyseventeen_custom_colors_css() { .colors-custom .comment-metadata a.comment-edit-link, .colors-custom .comment-reply-link .icon, .colors-custom h2.widget-title, -.colors-custom mark { +.colors-custom mark, +.colors-custom .post-navigation a:focus .icon, +.colors-custom .post-navigation a:hover .icon, +.colors-custom .site-content .site-content-light, +.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); /* base: #222; */ } +.colors-custom .entry-content a:focus, +.colors-custom .entry-content a:hover, +.colors-custom .entry-summary a:focus, +.colors-custom .entry-summary a:hover, +.colors-custom .widget a:focus, +.colors-custom .widget a:hover, +.colors-custom .site-footer .widget-area a:focus, +.colors-custom .site-footer .widget-area a:hover, +.colors-custom .posts-navigation a:focus, +.colors-custom .posts-navigation a:hover, +.colors-custom .comment-metadata a:focus, +.colors-custom .comment-metadata a:hover, +.colors-custom .comment-metadata a.comment-edit-link:focus, +.colors-custom .comment-metadata a.comment-edit-link:hover, +.colors-custom .comment-reply-link:focus, +.colors-custom .comment-reply-link:hover, +.colors-custom .widget_authors a:focus strong, +.colors-custom .widget_authors a:hover strong, +.colors-custom .entry-title a:focus, +.colors-custom .entry-title a:hover, +.colors-custom .entry-meta a:focus, +.colors-custom .entry-meta a:hover, +.colors-custom.blog .entry-meta a.post-edit-link:focus, +.colors-custom.blog .entry-meta a.post-edit-link:hover, +.colors-custom.archive .entry-meta a.post-edit-link:focus, +.colors-custom.archive .entry-meta a.post-edit-link:hover, +.colors-custom.search .entry-meta a.post-edit-link:focus, +.colors-custom.search .entry-meta a.post-edit-link:hover, +.colors-custom .page-links a:focus .page-number, +.colors-custom .page-links a:hover .page-number, +.colors-custom .entry-footer .cat-links a:focus, +.colors-custom .entry-footer .cat-links a:hover, +.colors-custom .entry-footer .tags-links a:focus, +.colors-custom .entry-footer .tags-links a:hover, +.colors-custom .post-navigation a:focus, +.colors-custom .post-navigation a:hover, +.colors-custom .pagination a:focus, +.colors-custom .pagination a:hover, +.colors-custom .comments-pagination a:focus, +.colors-custom .comments-pagination a:hover, +.colors-custom .logged-in-as a:focus, +.colors-custom .logged-in-as a:hover, +.colors-custom a:focus .nav-title, +.colors-custom a:hover .nav-title, +.colors-custom .edit-link a:focus, +.colors-custom .edit-link a:hover, +.colors-custom .site-info a:focus, +.colors-custom .site-info a:hover, +.colors-custom .widget .widget-title a:focus, +.colors-custom .widget .widget-title a:hover, +.colors-custom .widget ul li a:focus, +.colors-custom .widget ul li a:hover { + -webkit-box-shadow: inset 0 0 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ), 0 3px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); + box-shadow: inset 0 0 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ), 0 3px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); +} + body.colors-custom, .colors-custom button, .colors-custom input, @@ -90,10 +215,15 @@ body.colors-custom, .colors-custom .entry-footer .tags-links a, .colors-custom .format-quote blockquote, .colors-custom .nav-title, -.colors-custom .comment-body { +.colors-custom .comment-body, +.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { color: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ } +.colors-custom .social-navigation a:hover, +.colors-custom .social-navigation a:focus { + background: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ +} .colors-custom input[type="text"]:focus, .colors-custom input[type="email"]:focus, @@ -133,11 +263,13 @@ body.colors-custom, .colors-custom input[type="datetime-local"], .colors-custom input[type="color"], .colors-custom textarea, +.colors-custom .site-description, .colors-custom .entry-content blockquote.alignleft, .colors-custom .entry-content blockquote.alignright, .colors-custom .colors-custom .taxonomy-description, .colors-custom .site-info a, -.colors-custom .wp-caption { +.colors-custom .wp-caption, +.colors-custom .gallery-caption { color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 40% ); /* base: #666; */ } @@ -149,6 +281,9 @@ body.colors-custom, .colors-custom h5, .colors-custom .entry-meta, .colors-custom .entry-meta a, +.colors-custom.blog .entry-meta a.post-edit-link, +.colors-custom.archive .entry-meta a.post-edit-link, +.colors-custom.search .entry-meta a.post-edit-link, .colors-custom .nav-subtitle, .colors-custom .comment-metadata, .colors-custom .comment-metadata a, @@ -156,11 +291,10 @@ body.colors-custom, .colors-custom .comment-awaiting-moderation, .colors-custom .page-numbers.current, .colors-custom .page-links .page-number, -.colors-custom .site-description, .colors-custom .navigation-top .current-menu-item > a, -.colors-custom .navigation-top .current-menu-item > a:visited, .colors-custom .navigation-top .current_page_item > a, -.colors-custom .navigation-top .current_page_item > a:visited { +.colors-custom .main-navigation a:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ } @@ -170,80 +304,18 @@ body.colors-custom, .colors-custom input[type="button"]:focus, .colors-custom input[type="submit"]:hover, .colors-custom input[type="submit"]:focus, -.colors-custom .entry-content a:focus, -.colors-custom .entry-content a:hover, -.colors-custom .entry-summary a:focus, -.colors-custom .entry-summary a:hover, -.colors-custom .widget a:focus, -.colors-custom .widget a:hover, -.colors-custom .colors-custom .site-footer .widget-area a:focus, -.colors-custom .site-footer .widget-area a:hover, -.colors-custom .posts-navigation a:focus, -.colors-custom .posts-navigation a:hover, -.colors-custom .comment-navigation a:focus, -.colors-custom .comment-navigation a:hover, -.colors-custom .comment-metadata a:focus, -.colors-custom .comment-metadata a:hover, -.colors-custom .comment-metadata a.comment-edit-link:focus, -.colors-custom .comment-metadata a.comment-edit-link:hover, -.colors-custom .comment-reply-link:focus, -.colors-custom .comment-reply-link:hover, -.colors-custom .widget_authors a:focus strong, -.colors-custom .widget_authors a:hover strong, -.colors-custom .project-terms a:focus, -.colors-custom .project-terms a:hover, -.colors-custom .entry-title a:focus, -.colors-custom .entry-title a:hover, -.colors-custom .entry-meta a:focus, -.colors-custom .entry-meta a:hover, -.colors-custom .page-links a:focus .page-number, -.colors-custom .page-links a:hover .page-number, -.colors-custom .entry-footer a:focus, -.colors-custom .entry-footer a:hover, -.colors-custom .entry-footer .cat-links a:focus, -.colors-custom .entry-footer .cat-links a:hover, -.colors-custom .entry-footer .tags-links a:focus, -.colors-custom .entry-footer .tags-links a:hover, -.colors-custom .post-navigation a:focus, -.colors-custom .post-navigation a:hover, -.colors-custom .logged-in-as a:focus, -.colors-custom .logged-in-as a:hover, -.colors-custom .comment-navigation a:focus, -.colors-custom .comment-navigation a:hover, -.colors-custom a:focus .nav-title, -.colors-custom .colors-custom a:hover .nav-title, -.colors-custom .edit-link a:focus, -.colors-custom .edit-link a:hover, -.colors-custom .pagination a:focus, -.colors-custom .pagination a:hover, -.colors-custom .site-info a:focus, -.colors-custom .site-info a:hover, -.colors-custom .widget .widget-title a:focus, -.colors-custom .widget .widget-title a:hover, -.colors-custom .widget ul li a:focus, -.colors-custom .widget ul li a:hover, .colors-custom .entry-footer .edit-link a.post-edit-link:hover, .colors-custom .entry-footer .edit-link a.post-edit-link:focus, -.colors-custom .social-navigation a:hover, -.colors-custom .social-navigation a:focus { +.colors-custom .social-navigation a, +.colors-custom .prev.page-numbers:focus, +.colors-custom .prev.page-numbers:hover, +.colors-custom .next.page-numbers:focus, +.colors-custom .next.page-numbers:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus { background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ } -.colors-custom .entry-content a, -.colors-custom .entry-content a:visited, -.colors-custom .entry-summary a, -.colors-custom .entry-summary a:visited, -.colors-custom .widget a, -.colors-custom .widget a:visited, -.colors-custom .site-footer .widget-area a, -.colors-custom .site-footer .widget-area a:visited, -.colors-custom .posts-navigation a, -.colors-custom .posts-navigation a:visited, -.colors-custom .widget_authors a strong, -.colors-custom .widget_authors a:visited strong { - border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ -} - .colors-custom button.secondary:hover, .colors-custom button.secondary:focus, .colors-custom input[type="reset"]:hover, @@ -254,7 +326,6 @@ body.colors-custom, .colors-custom input[type="reset"].secondary:focus, .colors-custom input[type="submit"].secondary:hover, .colors-custom input[type="submit"].secondary:focus, -.colors-custom .social-navigation a, .colors-custom hr { background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ } @@ -286,6 +357,10 @@ body.colors-custom, border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ } +.colors-custom thead th { + border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ +} + .colors-custom .entry-footer .cat-links .icon, .colors-custom .entry-footer .tags-links .icon { color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ @@ -325,7 +400,7 @@ body.colors-custom, .colors-custom .navigation-top, .colors-custom .main-navigation > div > ul, .colors-custom .pagination, -.colors-custom .comment-navigation, +.colors-custom .comments-pagination, .colors-custom .entry-footer, .colors-custom .site-footer { border-top-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ @@ -334,71 +409,38 @@ body.colors-custom, .colors-custom .navigation-top, .colors-custom .main-navigation li, .colors-custom .entry-footer, -.colors-custom #comments { +.colors-custom .single-featured-image-header, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item, +.colors-custom tr { border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ } -.colors-custom .site-header { +.colors-custom .site-content .wp-playlist-light { + border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ +} + +.colors-custom .site-header, +.colors-custom .single-featured-image-header { background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 98% ); /* base: #fafafa; */ } -.colors-custom .entry-content a:focus, -.colors-custom .entry-content a:hover, -.colors-custom .entry-summary a:focus, -.colors-custom .entry-summary a:hover, -.colors-custom .widget a:focus, -.colors-custom .widget a:hover, -.colors-custom .site-footer .widget-area a:focus, -.colors-custom .site-footer .widget-area a:hover, -.colors-custom .posts-navigation a:focus, -.colors-custom .posts-navigation a:hover, -.colors-custom .comment-navigation a:focus, -.colors-custom .comment-navigation a:hover, -.colors-custom .comment-metadata a:focus, -.colors-custom .comment-metadata a:hover, -.colors-custom .comment-metadata a.comment-edit-link:focus, -.colors-custom .comment-metadata a.comment-edit-link:hover, -.colors-custom .comment-reply-link:focus, -.colors-custom .comment-reply-link:hover, -.colors-custom .widget_authors a:focus strong, -.colors-custom .widget_authors a:hover strong, -.colors-custom .project-terms a:focus, -.colors-custom .project-terms a:hover, -.colors-custom .colors-custom .entry-title a:focus, -.colors-custom .entry-title a:hover, -.colors-custom .entry-meta a:focus, -.colors-custom .entry-meta a:hover, -.colors-custom .page-links a:focus .page-number, -.colors-custom .page-links a:hover .page-number, -.colors-custom .entry-footer a:focus, -.colors-custom .entry-footer a:hover, -.colors-custom .entry-footer .cat-links a:focus, -.colors-custom .entry-footer .cat-links a:hover, -.colors-custom .entry-footer .tags-links a:focus, -.colors-custom .entry-footer .tags-links a:hover, -.colors-custom .post-navigation a:focus, -.colors-custom .post-navigation a:hover, -.colors-custom .logged-in-as a:focus, -.colors-custom .logged-in-as a:hover, -.colors-custom .comment-navigation a:focus, -.colors-custom .comment-navigation a:hover, -.colors-custom a:focus .nav-title, -.colors-custom a:hover .nav-title, -.colors-custom .edit-link a:focus, -.colors-custom .edit-link a:hover, -.colors-custom .pagination a:focus, -.colors-custom .pagination a:hover, -.colors-custom .site-info a:focus, -.colors-custom .site-info a:hover, -.colors-custom .widget .widget-title a:focus, -.colors-custom .widget .widget-title a:hover, -.colors-custom .widget ul li a:focus, -.colors-custom .widget ul li a:hover, .colors-custom button, .colors-custom input[type="button"], .colors-custom input[type="submit"], .colors-custom .entry-footer .edit-link a.post-edit-link, -.colors-custom .social-navigation a { +.colors-custom .social-navigation a, +.colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, +.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus, +.colors-custom .prev.page-numbers:focus, +.colors-custom .prev.page-numbers:hover, +.colors-custom .next.page-numbers:focus, +.colors-custom .next.page-numbers:hover, +.colors-custom.has-header-image .site-title, +.colors-custom.has-header-image .site-title a, +.colors-custom.has-header-image .site-description { color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */ } @@ -408,16 +450,64 @@ body.colors-custom, background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */ } +.colors-custom .widget ul li a, +.colors-custom .site-footer .widget-area ul li a { + -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: rgba(255, 255, 255, 1); */ + box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: rgba(255, 255, 255, 1); */ +} + .colors-custom .menu-toggle, .colors-custom .menu-toggle:hover, .colors-custom .menu-toggle:focus, -.colors-custom .menu .dropdown-toggle +.colors-custom .menu .dropdown-toggle, .colors-custom .menu-scroll-down, .colors-custom .menu-scroll-down:hover, .colors-custom .menu-scroll-down:focus { background-color: transparent; } +.colors-custom .widget .tagcloud a, +.colors-custom .widget .tagcloud a:focus, +.colors-custom .widget .tagcloud a:hover, +.colors-custom .widget.widget_tag_cloud a, +.colors-custom .widget.widget_tag_cloud a:focus, +.colors-custom .widget.widget_tag_cloud a:hover, +.colors-custom .wp_widget_tag_cloud a, +.colors-custom .wp_widget_tag_cloud a:focus, +.colors-custom .wp_widget_tag_cloud a:hover, +.colors-custom .entry-footer .edit-link a.post-edit-link:focus, +.colors-custom .entry-footer .edit-link a.post-edit-link:hover, +.colors-custom .prev.page-numbers:focus, +.colors-custom .prev.page-numbers:hover, +.colors-custom .next.page-numbers:focus, +.colors-custom .next.page-numbers:hover { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* Reset non-customizable hover styling for links */ +.colors-custom .entry-content a:hover, +.colors-custom .entry-content a:focus, +.colors-custom .entry-summary a:hover, +.colors-custom .entry-summary a:focus, +.colors-custom .widget a:hover, +.colors-custom .widget a:focus, +.colors-custom .site-footer .widget-area a:hover, +.colors-custom .site-footer .widget-area a:focus, +.colors-custom .posts-navigation a:hover, +.colors-custom .posts-navigation a:focus, +.colors-custom .widget_authors a:hover strong, +.colors-custom .widget_authors a:focus strong { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); +} + +.colors-custom .gallery-item a, +.colors-custom .gallery-item a:hover, +.colors-custom .gallery-item a:focus { + -webkit-box-shadow: none; + box-shadow: none; +} @media screen and (min-width: 48em) { @@ -431,18 +521,22 @@ body.colors-custom, background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ } - .colors-custom .menu-scroll-down { + .colors-custom .navigation-top .menu-scroll-down { color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */; } + .colors-custom abbr[title] { + border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */; + } + .colors-custom .main-navigation ul ul { - border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ + border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */ } .colors-custom .main-navigation ul li.menu-item-has-children:before, .colors-custom .main-navigation ul li.page_item_has_children:before { - border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ + border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ } .colors-custom .main-navigation ul li.menu-item-has-children:after, diff --git a/wp-content/themes/twentyseventeen/style.css b/wp-content/themes/twentyseventeen/style.css index 16d69baea7..2c194ee9b7 100644 --- a/wp-content/themes/twentyseventeen/style.css +++ b/wp-content/themes/twentyseventeen/style.css @@ -1209,13 +1209,6 @@ a .nav-title, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, -.project-terms a:focus, -.project-terms a:hover { - color: #000; - -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); -} - .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, @@ -2016,7 +2009,7 @@ body:not(.twentyseventeen-front-page) .entry-header { .entry-footer .cat-links .icon, .entry-footer .tags-links .icon { - color: #999; + color: #767676; left: 0; margin-right: 0.5em; position: absolute; diff --git a/wp-includes/version.php b/wp-includes/version.php index 05f2320fba..8672c85ecf 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -4,7 +4,7 @@ * * @global string $wp_version */ -$wp_version = '4.7-alpha-38917'; +$wp_version = '4.7-alpha-38918'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.