Ticket #38389: 38389.diff

src/wp-content/themes/twentyseventeen/inc/color-patterns.php

@@ -28 +28 @@
  * Twenty Seventeen: Color Patterns
  */
 
+.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 .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 .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 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 +118 @@
 .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 +130 @@
 .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.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 .twentyseventeen-panel .recent-posts .entry-header .edit-link {
         color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); /* base: #222; */
 }
 
@@ -90 +156 @@
 .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 +204 @@
 .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; */
 }
 
@@ -156 +229 @@
 .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 +242 @@
 .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 {
+.colors-custom .widget_authors a strong {
         border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
 }
 
@@ -254 +273 @@
 .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 +304 @@
         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 +347 @@
 .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 +356 @@
 .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; */
 }
 
@@ -418 +407 @@
         background-color: transparent;
 }
 
+/* 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);
+}
 
 @media screen and (min-width: 48em) {
 
@@ -431 +436 @@
                 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,

src/wp-content/themes/twentyseventeen/style.css

@@ -2015 +2015 @@
 
 .entry-footer .cat-links .icon,
 .entry-footer .tags-links .icon {
-        color: #999;
+        color: #767676;
         left: 0;
         margin-right: 0.5em;
         position: absolute;