Make WordPress Core


Ignore:
Timestamp:
10/25/2016 07:59:11 PM (7 years ago)
Author:
davidakennedy
Message:

Twenty Seventeen: Refresh color patterns for changes in style.css

This brings the custom colors CSS in line with the stylesheet. Some selectors were missing since many changes occurred in style.css a few days before the original merge to Core.

Props celloexpressions, laurelfulford.

Fixes #38389.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php

    r38865 r38918  
    2727/**
    2828 * Twenty Seventeen: Color Patterns
     29 *
     30 * Colors are ordered from dark to light.
    2931 */
     32
     33.colors-custom a:hover,
     34.colors-custom a:active,
     35.colors-custom .entry-content a:focus,
     36.colors-custom .entry-content a:hover,
     37.colors-custom .entry-summary a:focus,
     38.colors-custom .entry-summary a:hover,
     39.colors-custom .widget a:focus,
     40.colors-custom .widget a:hover,
     41.colors-custom .site-footer .widget-area a:focus,
     42.colors-custom .site-footer .widget-area a:hover,
     43.colors-custom .posts-navigation a:focus,
     44.colors-custom .posts-navigation a:hover,
     45.colors-custom .comment-metadata a:focus,
     46.colors-custom .comment-metadata a:hover,
     47.colors-custom .comment-metadata a.comment-edit-link:focus,
     48.colors-custom .comment-metadata a.comment-edit-link:hover,
     49.colors-custom .comment-reply-link:focus,
     50.colors-custom .comment-reply-link:hover,
     51.colors-custom .widget_authors a:focus strong,
     52.colors-custom .widget_authors a:hover strong,
     53.colors-custom .entry-title a:focus,
     54.colors-custom .entry-title a:hover,
     55.colors-custom .entry-meta a:focus,
     56.colors-custom .entry-meta a:hover,
     57.colors-custom.blog .entry-meta a.post-edit-link:focus,
     58.colors-custom.blog .entry-meta a.post-edit-link:hover,
     59.colors-custom.archive .entry-meta a.post-edit-link:focus,
     60.colors-custom.archive .entry-meta a.post-edit-link:hover,
     61.colors-custom.search .entry-meta a.post-edit-link:focus,
     62.colors-custom.search .entry-meta a.post-edit-link:hover,
     63.colors-custom .page-links a:focus .page-number,
     64.colors-custom .page-links a:hover .page-number,
     65.colors-custom .entry-footer a:focus,
     66.colors-custom .entry-footer a:hover,
     67.colors-custom .entry-footer .cat-links a:focus,
     68.colors-custom .entry-footer .cat-links a:hover,
     69.colors-custom .entry-footer .tags-links a:focus,
     70.colors-custom .entry-footer .tags-links a:hover,
     71.colors-custom .post-navigation a:focus,
     72.colors-custom .post-navigation a:hover,
     73.colors-custom .logged-in-as a:focus,
     74.colors-custom .logged-in-as a:hover,
     75.colors-custom a:focus .nav-title,
     76.colors-custom a:hover .nav-title,
     77.colors-custom .edit-link a:focus,
     78.colors-custom .edit-link a:hover,
     79.colors-custom .site-info a:focus,
     80.colors-custom .site-info a:hover,
     81.colors-custom .widget .widget-title a:focus,
     82.colors-custom .widget .widget-title a:hover,
     83.colors-custom .widget ul li a:focus,
     84.colors-custom .widget ul li a:hover {
     85    color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 0% ); /* base: #000; */
     86}
     87
     88.colors-custom .entry-content a,
     89.colors-custom .entry-summary a,
     90.colors-custom .widget a,
     91.colors-custom .site-footer .widget-area a,
     92.colors-custom .posts-navigation a,
     93.colors-custom .widget_authors a strong {
     94    -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */
     95    box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */
     96}
    3097
    3198.colors-custom button,
     
    58125.colors-custom input[type="submit"].secondary,
    59126.colors-custom a,
    60 .colors-custom a:visited,
    61127.colors-custom .site-title,
    62128.colors-custom .site-title a,
    63129.colors-custom .navigation-top a,
    64 .colors-custom .navigation-top a:visited,
    65130.colors-custom .dropdown-toggle,
    66131.colors-custom .menu-toggle,
     
    72137.colors-custom .comment-reply-link .icon,
    73138.colors-custom h2.widget-title,
    74 .colors-custom mark {
     139.colors-custom mark,
     140.colors-custom .post-navigation a:focus .icon,
     141.colors-custom .post-navigation a:hover .icon,
     142.colors-custom .site-content .site-content-light,
     143.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link {
    75144    color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); /* base: #222; */
     145}
     146
     147.colors-custom .entry-content a:focus,
     148.colors-custom .entry-content a:hover,
     149.colors-custom .entry-summary a:focus,
     150.colors-custom .entry-summary a:hover,
     151.colors-custom .widget a:focus,
     152.colors-custom .widget a:hover,
     153.colors-custom .site-footer .widget-area a:focus,
     154.colors-custom .site-footer .widget-area a:hover,
     155.colors-custom .posts-navigation a:focus,
     156.colors-custom .posts-navigation a:hover,
     157.colors-custom .comment-metadata a:focus,
     158.colors-custom .comment-metadata a:hover,
     159.colors-custom .comment-metadata a.comment-edit-link:focus,
     160.colors-custom .comment-metadata a.comment-edit-link:hover,
     161.colors-custom .comment-reply-link:focus,
     162.colors-custom .comment-reply-link:hover,
     163.colors-custom .widget_authors a:focus strong,
     164.colors-custom .widget_authors a:hover strong,
     165.colors-custom .entry-title a:focus,
     166.colors-custom .entry-title a:hover,
     167.colors-custom .entry-meta a:focus,
     168.colors-custom .entry-meta a:hover,
     169.colors-custom.blog .entry-meta a.post-edit-link:focus,
     170.colors-custom.blog .entry-meta a.post-edit-link:hover,
     171.colors-custom.archive .entry-meta a.post-edit-link:focus,
     172.colors-custom.archive .entry-meta a.post-edit-link:hover,
     173.colors-custom.search .entry-meta a.post-edit-link:focus,
     174.colors-custom.search .entry-meta a.post-edit-link:hover,
     175.colors-custom .page-links a:focus .page-number,
     176.colors-custom .page-links a:hover .page-number,
     177.colors-custom .entry-footer .cat-links a:focus,
     178.colors-custom .entry-footer .cat-links a:hover,
     179.colors-custom .entry-footer .tags-links a:focus,
     180.colors-custom .entry-footer .tags-links a:hover,
     181.colors-custom .post-navigation a:focus,
     182.colors-custom .post-navigation a:hover,
     183.colors-custom .pagination a:focus,
     184.colors-custom .pagination a:hover,
     185.colors-custom .comments-pagination a:focus,
     186.colors-custom .comments-pagination a:hover,
     187.colors-custom .logged-in-as a:focus,
     188.colors-custom .logged-in-as a:hover,
     189.colors-custom a:focus .nav-title,
     190.colors-custom a:hover .nav-title,
     191.colors-custom .edit-link a:focus,
     192.colors-custom .edit-link a:hover,
     193.colors-custom .site-info a:focus,
     194.colors-custom .site-info a:hover,
     195.colors-custom .widget .widget-title a:focus,
     196.colors-custom .widget .widget-title a:hover,
     197.colors-custom .widget ul li a:focus,
     198.colors-custom .widget ul li a:hover {
     199    -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% );
     200    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% );
    76201}
    77202
     
    91216.colors-custom .format-quote blockquote,
    92217.colors-custom .nav-title,
    93 .colors-custom .comment-body {
     218.colors-custom .comment-body,
     219.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
    94220    color: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
    95221}
    96222
     223.colors-custom .social-navigation a:hover,
     224.colors-custom .social-navigation a:focus {
     225    background: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
     226}
    97227
    98228.colors-custom input[type="text"]:focus,
     
    134264.colors-custom input[type="color"],
    135265.colors-custom textarea,
     266.colors-custom .site-description,
    136267.colors-custom .entry-content blockquote.alignleft,
    137268.colors-custom .entry-content blockquote.alignright,
    138269.colors-custom .colors-custom .taxonomy-description,
    139270.colors-custom .site-info a,
    140 .colors-custom .wp-caption {
     271.colors-custom .wp-caption,
     272.colors-custom .gallery-caption {
    141273    color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 40% ); /* base: #666; */
    142274}
     
    150282.colors-custom .entry-meta,
    151283.colors-custom .entry-meta a,
     284.colors-custom.blog .entry-meta a.post-edit-link,
     285.colors-custom.archive .entry-meta a.post-edit-link,
     286.colors-custom.search .entry-meta a.post-edit-link,
    152287.colors-custom .nav-subtitle,
    153288.colors-custom .comment-metadata,
     
    157292.colors-custom .page-numbers.current,
    158293.colors-custom .page-links .page-number,
    159 .colors-custom .site-description,
    160294.colors-custom .navigation-top .current-menu-item > a,
    161 .colors-custom .navigation-top .current-menu-item > a:visited,
    162295.colors-custom .navigation-top .current_page_item > a,
    163 .colors-custom .navigation-top .current_page_item > a:visited {
     296.colors-custom .main-navigation a:hover,
     297.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
    164298    color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
    165299}
     
    171305.colors-custom input[type="submit"]:hover,
    172306.colors-custom input[type="submit"]:focus,
    173 .colors-custom .entry-content a:focus,
    174 .colors-custom .entry-content a:hover,
    175 .colors-custom .entry-summary a:focus,
    176 .colors-custom .entry-summary a:hover,
    177 .colors-custom .widget a:focus,
    178 .colors-custom .widget a:hover,
    179 .colors-custom .colors-custom .site-footer .widget-area a:focus,
    180 .colors-custom .site-footer .widget-area a:hover,
    181 .colors-custom .posts-navigation a:focus,
    182 .colors-custom .posts-navigation a:hover,
    183 .colors-custom .comment-navigation a:focus,
    184 .colors-custom .comment-navigation a:hover,
    185 .colors-custom .comment-metadata a:focus,
    186 .colors-custom .comment-metadata a:hover,
    187 .colors-custom .comment-metadata a.comment-edit-link:focus,
    188 .colors-custom .comment-metadata a.comment-edit-link:hover,
    189 .colors-custom .comment-reply-link:focus,
    190 .colors-custom .comment-reply-link:hover,
    191 .colors-custom .widget_authors a:focus strong,
    192 .colors-custom .widget_authors a:hover strong,
    193 .colors-custom .project-terms a:focus,
    194 .colors-custom .project-terms a:hover,
    195 .colors-custom .entry-title a:focus,
    196 .colors-custom .entry-title a:hover,
    197 .colors-custom .entry-meta a:focus,
    198 .colors-custom .entry-meta a:hover,
    199 .colors-custom .page-links a:focus .page-number,
    200 .colors-custom .page-links a:hover .page-number,
    201 .colors-custom .entry-footer a:focus,
    202 .colors-custom .entry-footer a:hover,
    203 .colors-custom .entry-footer .cat-links a:focus,
    204 .colors-custom .entry-footer .cat-links a:hover,
    205 .colors-custom .entry-footer .tags-links a:focus,
    206 .colors-custom .entry-footer .tags-links a:hover,
    207 .colors-custom .post-navigation a:focus,
    208 .colors-custom .post-navigation a:hover,
    209 .colors-custom .logged-in-as a:focus,
    210 .colors-custom .logged-in-as a:hover,
    211 .colors-custom .comment-navigation a:focus,
    212 .colors-custom .comment-navigation a:hover,
    213 .colors-custom a:focus .nav-title,
    214 .colors-custom .colors-custom a:hover .nav-title,
    215 .colors-custom .edit-link a:focus,
    216 .colors-custom .edit-link a:hover,
    217 .colors-custom .pagination a:focus,
    218 .colors-custom .pagination a:hover,
    219 .colors-custom .site-info a:focus,
    220 .colors-custom .site-info a:hover,
    221 .colors-custom .widget .widget-title a:focus,
    222 .colors-custom .widget .widget-title a:hover,
    223 .colors-custom .widget ul li a:focus,
    224 .colors-custom .widget ul li a:hover,
    225307.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
    226308.colors-custom .entry-footer .edit-link a.post-edit-link:focus,
    227 .colors-custom .social-navigation a:hover,
    228 .colors-custom .social-navigation a:focus {
     309.colors-custom .social-navigation a,
     310.colors-custom .prev.page-numbers:focus,
     311.colors-custom .prev.page-numbers:hover,
     312.colors-custom .next.page-numbers:focus,
     313.colors-custom .next.page-numbers:hover,
     314.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover,
     315.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus {
    229316    background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
    230 }
    231 
    232 .colors-custom .entry-content a,
    233 .colors-custom .entry-content a:visited,
    234 .colors-custom .entry-summary a,
    235 .colors-custom .entry-summary a:visited,
    236 .colors-custom .widget a,
    237 .colors-custom .widget a:visited,
    238 .colors-custom .site-footer .widget-area a,
    239 .colors-custom .site-footer .widget-area a:visited,
    240 .colors-custom .posts-navigation a,
    241 .colors-custom .posts-navigation a:visited,
    242 .colors-custom .widget_authors a strong,
    243 .colors-custom .widget_authors a:visited strong {
    244     border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
    245317}
    246318
     
    255327.colors-custom input[type="submit"].secondary:hover,
    256328.colors-custom input[type="submit"].secondary:focus,
    257 .colors-custom .social-navigation a,
    258329.colors-custom hr {
    259330    background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
     
    287358}
    288359
     360.colors-custom thead th {
     361    border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
     362}
     363
    289364.colors-custom .entry-footer .cat-links .icon,
    290365.colors-custom .entry-footer .tags-links .icon {
     
    326401.colors-custom .main-navigation > div > ul,
    327402.colors-custom .pagination,
    328 .colors-custom .comment-navigation,
     403.colors-custom .comments-pagination,
    329404.colors-custom .entry-footer,
    330405.colors-custom .site-footer {
     
    335410.colors-custom .main-navigation li,
    336411.colors-custom .entry-footer,
    337 .colors-custom #comments {
     412.colors-custom .single-featured-image-header,
     413.colors-custom .site-content .wp-playlist-light .wp-playlist-item,
     414.colors-custom tr {
    338415    border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
    339416}
    340417
    341 .colors-custom .site-header {
     418.colors-custom .site-content .wp-playlist-light {
     419    border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
     420}
     421
     422.colors-custom .site-header,
     423.colors-custom .single-featured-image-header {
    342424    background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 98% ); /* base: #fafafa; */
    343425}
    344426
    345 .colors-custom .entry-content a:focus,
    346 .colors-custom .entry-content a:hover,
    347 .colors-custom .entry-summary a:focus,
    348 .colors-custom .entry-summary a:hover,
    349 .colors-custom .widget a:focus,
    350 .colors-custom .widget a:hover,
    351 .colors-custom .site-footer .widget-area a:focus,
    352 .colors-custom .site-footer .widget-area a:hover,
    353 .colors-custom .posts-navigation a:focus,
    354 .colors-custom .posts-navigation a:hover,
    355 .colors-custom .comment-navigation a:focus,
    356 .colors-custom .comment-navigation a:hover,
    357 .colors-custom .comment-metadata a:focus,
    358 .colors-custom .comment-metadata a:hover,
    359 .colors-custom .comment-metadata a.comment-edit-link:focus,
    360 .colors-custom .comment-metadata a.comment-edit-link:hover,
    361 .colors-custom .comment-reply-link:focus,
    362 .colors-custom .comment-reply-link:hover,
    363 .colors-custom .widget_authors a:focus strong,
    364 .colors-custom .widget_authors a:hover strong,
    365 .colors-custom .project-terms a:focus,
    366 .colors-custom .project-terms a:hover,
    367 .colors-custom .colors-custom .entry-title a:focus,
    368 .colors-custom .entry-title a:hover,
    369 .colors-custom .entry-meta a:focus,
    370 .colors-custom .entry-meta a:hover,
    371 .colors-custom .page-links a:focus .page-number,
    372 .colors-custom .page-links a:hover .page-number,
    373 .colors-custom .entry-footer a:focus,
    374 .colors-custom .entry-footer a:hover,
    375 .colors-custom .entry-footer .cat-links a:focus,
    376 .colors-custom .entry-footer .cat-links a:hover,
    377 .colors-custom .entry-footer .tags-links a:focus,
    378 .colors-custom .entry-footer .tags-links a:hover,
    379 .colors-custom .post-navigation a:focus,
    380 .colors-custom .post-navigation a:hover,
    381 .colors-custom .logged-in-as a:focus,
    382 .colors-custom .logged-in-as a:hover,
    383 .colors-custom .comment-navigation a:focus,
    384 .colors-custom .comment-navigation a:hover,
    385 .colors-custom a:focus .nav-title,
    386 .colors-custom a:hover .nav-title,
    387 .colors-custom .edit-link a:focus,
    388 .colors-custom .edit-link a:hover,
    389 .colors-custom .pagination a:focus,
    390 .colors-custom .pagination a:hover,
    391 .colors-custom .site-info a:focus,
    392 .colors-custom .site-info a:hover,
    393 .colors-custom .widget .widget-title a:focus,
    394 .colors-custom .widget .widget-title a:hover,
    395 .colors-custom .widget ul li a:focus,
    396 .colors-custom .widget ul li a:hover,
    397427.colors-custom button,
    398428.colors-custom input[type="button"],
    399429.colors-custom input[type="submit"],
    400430.colors-custom .entry-footer .edit-link a.post-edit-link,
    401 .colors-custom .social-navigation a {
     431.colors-custom .social-navigation a,
     432.colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover,
     433.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a,
     434.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a,
     435.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover,
     436.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus,
     437.colors-custom .prev.page-numbers:focus,
     438.colors-custom .prev.page-numbers:hover,
     439.colors-custom .next.page-numbers:focus,
     440.colors-custom .next.page-numbers:hover,
     441.colors-custom.has-header-image .site-title,
     442.colors-custom.has-header-image .site-title a,
     443.colors-custom.has-header-image .site-description {
    402444    color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
    403445}
     
    409451}
    410452
     453.colors-custom .widget ul li a,
     454.colors-custom .site-footer .widget-area ul li a {
     455    -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: rgba(255, 255, 255, 1); */
     456    box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% );  /* base: rgba(255, 255, 255, 1); */
     457}
     458
    411459.colors-custom .menu-toggle,
    412460.colors-custom .menu-toggle:hover,
    413461.colors-custom .menu-toggle:focus,
    414 .colors-custom .menu .dropdown-toggle
     462.colors-custom .menu .dropdown-toggle,
    415463.colors-custom .menu-scroll-down,
    416464.colors-custom .menu-scroll-down:hover,
     
    419467}
    420468
     469.colors-custom .widget .tagcloud a,
     470.colors-custom .widget .tagcloud a:focus,
     471.colors-custom .widget .tagcloud a:hover,
     472.colors-custom .widget.widget_tag_cloud a,
     473.colors-custom .widget.widget_tag_cloud a:focus,
     474.colors-custom .widget.widget_tag_cloud a:hover,
     475.colors-custom .wp_widget_tag_cloud a,
     476.colors-custom .wp_widget_tag_cloud a:focus,
     477.colors-custom .wp_widget_tag_cloud a:hover,
     478.colors-custom .entry-footer .edit-link a.post-edit-link:focus,
     479.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
     480.colors-custom .prev.page-numbers:focus,
     481.colors-custom .prev.page-numbers:hover,
     482.colors-custom .next.page-numbers:focus,
     483.colors-custom .next.page-numbers:hover {
     484    -webkit-box-shadow: none !important;
     485    box-shadow: none !important;
     486}
     487
     488/* Reset non-customizable hover styling for links */
     489.colors-custom .entry-content a:hover,
     490.colors-custom .entry-content a:focus,
     491.colors-custom .entry-summary a:hover,
     492.colors-custom .entry-summary a:focus,
     493.colors-custom .widget a:hover,
     494.colors-custom .widget a:focus,
     495.colors-custom .site-footer .widget-area a:hover,
     496.colors-custom .site-footer .widget-area a:focus,
     497.colors-custom .posts-navigation a:hover,
     498.colors-custom .posts-navigation a:focus,
     499.colors-custom .widget_authors a:hover strong,
     500.colors-custom .widget_authors a:focus strong {
     501    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
     502    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
     503}
     504
     505.colors-custom .gallery-item a,
     506.colors-custom .gallery-item a:hover,
     507.colors-custom .gallery-item a:focus {
     508    -webkit-box-shadow: none;
     509    box-shadow: none;
     510}
    421511
    422512@media screen and (min-width: 48em) {
     
    432522    }
    433523
    434     .colors-custom .menu-scroll-down {
     524    .colors-custom .navigation-top .menu-scroll-down {
    435525        color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */;
    436526    }
    437527
     528    .colors-custom abbr[title] {
     529        border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */;
     530    }
     531
    438532    .colors-custom .main-navigation ul ul {
    439         border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
     533        border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
    440534        background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
    441535    }
     
    443537    .colors-custom .main-navigation ul li.menu-item-has-children:before,
    444538    .colors-custom .main-navigation ul li.page_item_has_children:before {
    445         border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
     539        border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
    446540    }
    447541
Note: See TracChangeset for help on using the changeset viewer.