Make WordPress Core

Ticket #38389: 38389.1.diff

File 38389.1.diff, 41.0 KB (added by laurelfulford, 8 years ago)
  • src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css

     
    1111        background-color: #fff;
    1212}
    1313
    14 .colors-dark input[type="text"]:focus,
    15 .colors-dark input[type="email"]:focus,
    16 .colors-dark input[type="url"]:focus,
    17 .colors-dark input[type="password"]:focus,
    18 .colors-dark input[type="search"]:focus,
    19 .colors-dark input[type="number"]:focus,
    20 .colors-dark input[type="tel"]:focus,
    21 .colors-dark input[type="range"]:focus,
    22 .colors-dark input[type="date"]:focus,
    23 .colors-dark input[type="month"]:focus,
    24 .colors-dark input[type="week"]:focus,
    25 .colors-dark input[type="time"]:focus,
    26 .colors-dark input[type="datetime"]:focus,
    27 .colors-dark input[type="datetime-local"]:focus,
    28 .colors-dark input[type="color"]:focus,
    29 .colors-dark textarea:focus,
    30 .colors-dark button.secondary,
    31 .colors-dark input[type="reset"],
    32 .colors-dark input[type="button"].secondary,
    33 .colors-dark input[type="reset"].secondary,
    34 .colors-dark input[type="submit"].secondary,
    35 .colors-dark a,
    36 .colors-dark a:visited,
    37 .colors-dark .site-title,
    38 .colors-dark .site-title a,
    39 .colors-dark .navigation-top a,
    40 .colors-dark .navigation-top a:visited,
    41 .colors-dark .dropdown-toggle,
    42 .colors-dark .menu-toggle,
    43 .colors-dark .page .panel-content .entry-title,
    44 .colors-dark .page-title,
    45 .colors-dark.page:not(.twentyseventeen-front-page) .entry-title,
     14.colors-dark a:hover,
     15.colors-dark a:active,
     16.colors-dark .entry-content a:focus,
     17.colors-dark .entry-content a:hover,
     18.colors-dark .entry-summary a:focus,
     19.colors-dark .entry-summary a:hover,
     20.colors-dark .widget a:focus,
     21.colors-dark .widget a:hover,
     22.colors-dark .site-footer .widget-area a:focus,
     23.colors-dark .site-footer .widget-area a:hover,
     24.colors-dark .posts-navigation a:focus,
     25.colors-dark .posts-navigation a:hover,
     26.colors-dark .comment-metadata a:focus,
     27.colors-dark .comment-metadata a:hover,
     28.colors-dark .comment-metadata a.comment-edit-link:focus,
     29.colors-dark .comment-metadata a.comment-edit-link:hover,
     30.colors-dark .comment-reply-link:focus,
     31.colors-dark .comment-reply-link:hover,
     32.colors-dark .widget_authors a:focus strong,
     33.colors-dark .widget_authors a:hover strong,
     34.colors-dark .project-terms a:focus,
     35.colors-dark .project-terms a:hover,
     36.colors-dark .entry-title a:focus,
     37.colors-dark .entry-title a:hover,
     38.colors-dark .entry-meta a:focus,
     39.colors-dark .entry-meta a:hover,
     40.colors-dark.blog .entry-meta a.post-edit-link:focus,
     41.colors-dark.blog .entry-meta a.post-edit-link:hover,
     42.colors-dark.archive .entry-meta a.post-edit-link:focus,
     43.colors-dark.archive .entry-meta a.post-edit-link:hover,
     44.colors-dark.search .entry-meta a.post-edit-link:focus,
     45.colors-dark.search .entry-meta a.post-edit-link:hover,
     46.colors-dark .page-links a:focus .page-number,
     47.colors-dark .page-links a:hover .page-number,
     48.colors-dark .entry-footer .cat-links a:focus,
     49.colors-dark .entry-footer .cat-links a:hover,
     50.colors-dark .entry-footer .tags-links a:focus,
     51.colors-dark .entry-footer .tags-links a:hover,
     52.colors-dark .post-navigation a:focus,
     53.colors-dark .post-navigation a:hover,
     54.colors-dark .logged-in-as a:focus,
     55.colors-dark .logged-in-as a:hover,
     56.colors-dark a:focus .nav-title,
     57.colors-dark a:hover .nav-title,
     58.colors-dark .edit-link a:focus,
     59.colors-dark .edit-link a:hover,
     60.colors-dark .site-info a:focus,
     61.colors-dark .site-info a:hover,
     62.colors-dark .widget .widget-title a:focus,
     63.colors-dark .widget .widget-title a:hover,
     64.colors-dark .widget ul li a:focus,
     65.colors-dark .widget ul li a:hover {
     66        color: #fff;
     67}
     68
     69.colors-dark .entry-title a,
     70.colors-dark .entry-meta a,
     71.colors-dark.blog .entry-meta a.post-edit-link,
     72.colors-dark.archive .entry-meta a.post-edit-link,
     73.colors-dark.search .entry-meta a.post-edit-link,
     74.colors-dark .page-links a,
    4675.colors-dark .page-links a .page-number,
     76.colors-dark .entry-footer a,
     77.colors-dark .entry-footer .cat-links a,
     78.colors-dark .entry-footer .tags-links a,
     79.colors-dark .edit-link a,
     80.colors-dark .post-navigation a,
     81.colors-dark .logged-in-as a,
     82.colors-dark .comment-navigation a,
     83.colors-dark .comment-metadata a,
    4784.colors-dark .comment-metadata a.comment-edit-link,
    48 .colors-dark .comment-reply-link .icon,
    49 .colors-dark h2.widget-title,
    50 .colors-dark mark {
    51         color: #fff;
     85.colors-dark .comment-reply-link,
     86.colors-dark a .nav-title,
     87.colors-dark .pagination a,
     88.colors-dark .widget .widget-title a,
     89.colors-dark .widget ul li a,
     90.colors-dark .site-footer .widget-area ul li a,
     91.colors-dark .site-info a {
     92        -webkit-box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1);
     93        box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1);
    5294}
    5395
     96.colors-dark .entry-content a:focus,
     97.colors-dark .entry-content a:hover,
     98.colors-dark .entry-summary a:focus,
     99.colors-dark .entry-summary a:hover,
     100.colors-dark .widget a:focus,
     101.colors-dark .widget a:hover,
     102.colors-dark .site-footer .widget-area a:focus,
     103.colors-dark .site-footer .widget-area a:hover,
     104.colors-dark .posts-navigation a:focus,
     105.colors-dark .posts-navigation a:hover,
     106.colors-dark .comment-metadata a:focus,
     107.colors-dark .comment-metadata a:hover,
     108.colors-dark .comment-metadata a.comment-edit-link:focus,
     109.colors-dark .comment-metadata a.comment-edit-link:hover,
     110.colors-dark .comment-reply-link:focus,
     111.colors-dark .comment-reply-link:hover,
     112.colors-dark .widget_authors a:focus strong,
     113.colors-dark .widget_authors a:hover strong,
     114.colors-dark .project-terms a:focus,
     115.colors-dark .project-terms a:hover,
     116.colors-dark .entry-title a:focus,
     117.colors-dark .entry-title a:hover,
     118.colors-dark .entry-meta a:focus,
     119.colors-dark .entry-meta a:hover,
     120.colors-dark.blog .entry-meta a.post-edit-link:focus,
     121.colors-dark.blog .entry-meta a.post-edit-link:hover,
     122.colors-dark.archive .entry-meta a.post-edit-link:focus,
     123.colors-dark.archive .entry-meta a.post-edit-link:hover,
     124.colors-dark.search .entry-meta a.post-edit-link:focus,
     125.colors-dark.search .entry-meta a.post-edit-link:hover,
     126.colors-dark .page-links a:focus .page-number,
     127.colors-dark .page-links a:hover .page-number,
     128.colors-dark .entry-footer .cat-links a:focus,
     129.colors-dark .entry-footer .cat-links a:hover,
     130.colors-dark .entry-footer .tags-links a:focus,
     131.colors-dark .entry-footer .tags-links a:hover,
     132.colors-dark .post-navigation a:focus,
     133.colors-dark .post-navigation a:hover,
     134.colors-dark .pagination a:focus,
     135.colors-dark .pagination a:hover,
     136.colors-dark .comments-pagination a:focus,
     137.colors-dark .comments-pagination a:hover,
     138.colors-dark .logged-in-as a:focus,
     139.colors-dark .logged-in-as a:hover,
     140.colors-dark a:focus .nav-title,
     141.colors-dark a:hover .nav-title,
     142.colors-dark .edit-link a:focus,
     143.colors-dark .edit-link a:hover,
     144.colors-dark .site-info a:focus,
     145.colors-dark .site-info a:hover,
     146.colors-dark .widget .widget-title a:focus,
     147.colors-dark .widget .widget-title a:hover,
     148.colors-dark .widget ul li a:focus,
     149.colors-dark .widget ul li a:hover {
     150        -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1);
     151        box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1);
     152}
     153
     154.colors-dark .entry-content a,
     155.colors-dark .entry-summary a,
     156.colors-dark .widget a,
     157.colors-dark .site-footer .widget-area a,
     158.colors-dark .posts-navigation a,
     159.colors-dark .widget_authors a strong {
     160        -webkit-box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */
     161        box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1);
     162}
     163
    54164body.colors-dark,
    55165.colors-dark button,
    56166.colors-dark input,
     
    70180        color: #eee;
    71181}
    72182
    73 
    74183.colors-dark input[type="text"]:focus,
    75184.colors-dark input[type="email"]:focus,
    76185.colors-dark input[type="url"]:focus,
     
    91200        border-color: #eee;
    92201}
    93202
     203.colors-dark input[type="text"]:focus,
     204.colors-dark input[type="email"]:focus,
     205.colors-dark input[type="url"]:focus,
     206.colors-dark input[type="password"]:focus,
     207.colors-dark input[type="search"]:focus,
     208.colors-dark input[type="number"]:focus,
     209.colors-dark input[type="tel"]:focus,
     210.colors-dark input[type="range"]:focus,
     211.colors-dark input[type="date"]:focus,
     212.colors-dark input[type="month"]:focus,
     213.colors-dark input[type="week"]:focus,
     214.colors-dark input[type="time"]:focus,
     215.colors-dark input[type="datetime"]:focus,
     216.colors-dark input[type="datetime-local"]:focus,
     217.colors-dark input[type="color"]:focus,
     218.colors-dark textarea:focus,
     219.colors-dark button.secondary,
     220.colors-dark input[type="reset"],
     221.colors-dark input[type="button"].secondary,
     222.colors-dark input[type="reset"].secondary,
     223.colors-dark input[type="submit"].secondary,
     224.colors-dark a,
     225.colors-dark .site-title,
     226.colors-dark .site-title a,
     227.colors-dark .navigation-top a,
     228.colors-dark .dropdown-toggle,
     229.colors-dark .menu-toggle,
     230.colors-dark .page .panel-content .entry-title,
     231.colors-dark .page-title,
     232.colors-dark.page:not(.twentyseventeen-front-page) .entry-title,
     233.colors-dark .page-links a .page-number,
     234.colors-dark .comment-metadata a.comment-edit-link,
     235.colors-dark .comment-reply-link .icon,
     236.colors-dark h2.widget-title,
     237.colors-dark mark,
     238.colors-dark .post-navigation a:focus .icon,
     239.colors-dark .post-navigation a:hover .icon,
     240.colors-dark.blog .entry-meta a.post-edit-link,
     241.colors-dark.archive .entry-meta a.post-edit-link,
     242.colors-dark.search .entry-meta a.post-edit-link,
     243.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link {
     244        color: #ddd;
     245}
     246
    94247.colors-dark h2,
    95248.colors-dark blockquote,
    96249.colors-dark input[type="text"],
     
    110263.colors-dark input[type="color"],
    111264.colors-dark textarea,
    112265.colors-dark .navigation-top .current-menu-item > a,
    113 .colors-dark .navigation-top .current-menu-item > a:visited,
    114266.colors-dark .navigation-top .current_page_item > a,
    115 .colors-dark .navigation-top .current_page_item > a:visited,
    116267.colors-dark .entry-content blockquote.alignleft,
    117268.colors-dark .entry-content blockquote.alignright,
    118269.colors-dark .taxonomy-description,
     
    127278}
    128279
    129280.colors-dark h5,
     281.main-navigation a:hover,
    130282.colors-dark .entry-meta,
    131283.colors-dark .entry-meta a,
    132284.colors-dark .nav-subtitle,
     
    146298.colors-dark input[type="button"]:focus,
    147299.colors-dark input[type="submit"]:hover,
    148300.colors-dark input[type="submit"]:focus,
    149 .colors-dark .entry-content a:focus,
    150 .colors-dark .entry-content a:hover,
    151 .colors-dark .entry-summary a:focus,
    152 .colors-dark .entry-summary a:hover,
    153 .colors-dark .widget a:focus,
    154 .colors-dark .widget a:hover,
    155 .colors-dark .site-footer .widget-area a:focus,
    156 .colors-dark .site-footer .widget-area a:hover,
    157 .colors-dark .posts-navigation a:focus,
    158 .colors-dark .posts-navigation a:hover,
    159 .colors-dark .comment-navigation a:focus,
    160 .colors-dark .comment-navigation a:hover,
    161 .colors-dark .comment-metadata a:focus,
    162 .colors-dark .comment-metadata a:hover,
    163 .colors-dark .comment-metadata a.comment-edit-link:focus,
    164 .colors-dark .comment-metadata a.comment-edit-link:hover,
    165 .colors-dark .comment-reply-link:focus,
    166 .colors-dark .comment-reply-link:hover,
    167 .colors-dark .widget_authors a:focus strong,
    168 .colors-dark .widget_authors a:hover strong,
    169 .colors-dark .project-terms a:focus,
    170 .colors-dark .project-terms a:hover,
    171 .colors-dark .entry-title a:focus,
    172 .colors-dark .entry-title a:hover,
    173 .colors-dark .entry-meta a:focus,
    174 .colors-dark .entry-meta a:hover,
    175 .colors-dark .page-links a:focus .page-number,
    176 .colors-dark .page-links a:hover .page-number,
    177 .colors-dark .entry-footer a:focus,
    178 .colors-dark .entry-footer a:hover,
    179 .colors-dark .entry-footer .cat-links a:focus,
    180 .colors-dark .entry-footer .cat-links a:hover,
    181 .colors-dark .entry-footer .tags-links a:focus,
    182 .colors-dark .entry-footer .tags-links a:hover,
    183 .colors-dark .post-navigation a:focus,
    184 .colors-dark .post-navigation a:hover,
    185 .colors-dark .logged-in-as a:focus,
    186 .colors-dark .logged-in-as a:hover,
    187 .colors-dark .comment-navigation a:focus,
    188 .colors-dark .comment-navigation a:hover,
    189 .colors-dark a:focus .nav-title,
    190 .colors-dark a:hover .nav-title,
    191 .colors-dark .edit-link a:focus,
    192 .colors-dark .edit-link a:hover,
    193 .colors-dark .pagination a:focus,
    194 .colors-dark .pagination a:hover,
    195 .colors-dark .site-info a:focus,
    196 .colors-dark .site-info a:hover,
    197 .colors-dark .widget .widget-title a:focus,
    198 .colors-dark .widget .widget-title a:hover,
    199 .colors-dark .widget ul li a:focus,
    200 .colors-dark .widget ul li a:hover,
    201 .colors-dark .entry-footer .edit-link a.post-edit-link:hover,
    202 .colors-dark .entry-footer .edit-link a.post-edit-link:focus {
     301.colors-dark .prev.page-numbers:focus,
     302.colors-dark .prev.page-numbers:hover,
     303.colors-dark .next.page-numbers:focus,
     304.colors-dark .next.page-numbers:hover,
     305.colors-dark .entry-footer .edit-link a.post-edit-link:focus,
     306.colors-dark .entry-footer .edit-link a.post-edit-link:hover {
    203307        background: #bbb;
    204308}
    205309
     
    209313        color: #222;
    210314}
    211315
    212 .colors-dark .entry-content a,
    213 .colors-dark .entry-content a:visited,
    214 .colors-dark .entry-summary a,
    215 .colors-dark .entry-summary a:visited,
    216 .colors-dark .widget a,
    217 .colors-dark .widget a:visited,
    218 .colors-dark .site-footer .widget-area a,
    219 .colors-dark .site-footer .widget-area a:visited,
    220 .colors-dark .posts-navigation a,
    221 .colors-dark .posts-navigation a:visited,
    222 .colors-dark .widget_authors a strong,
    223 .colors-dark .widget_authors a:visited strong {
    224         border-bottom-color: #bbb;
     316.colors-dark .entry-footer .cat-links .icon,
     317.colors-dark .entry-footer .tags-links .icon {
     318        color: #666;
    225319}
    226320
    227321.colors-dark button.secondary:hover,
     
    266360        border-color: #555;
    267361}
    268362
    269 .colors-dark .entry-footer .cat-links .icon,
    270 .colors-dark .entry-footer .tags-links .icon {
    271         color: #666;
    272 }
    273 
    274363.colors-dark button.secondary,
    275364.colors-dark input[type="reset"],
    276365.colors-dark input[type="button"].secondary,
     
    320409        background: #333;
    321410}
    322411
     412.colors-dark tr,
     413.colors-dark thead th {
     414        border-color: #333;
     415}
     416
    323417.colors-dark .navigation-top,
    324418.colors-dark .main-navigation > div > ul,
    325419.colors-dark .pagination,
     
    329423        border-top-color: #333;
    330424}
    331425
     426.colors-dark .single-featured-image-header,
    332427.colors-dark .navigation-top,
    333428.colors-dark .main-navigation li,
    334429.colors-dark .entry-footer,
     
    336431        border-bottom-color: #333;
    337432}
    338433
    339 .colors-dark .site-header {
     434.colors-dark .site-header,
     435.colors-dark .single-featured-image-header {
    340436        background-color: #262626;
    341437}
    342438
    343 .colors-dark .entry-content a:focus,
    344 .colors-dark .entry-content a:hover,
    345 .colors-dark .entry-summary a:focus,
    346 .colors-dark .entry-summary a:hover,
    347 .colors-dark .widget a:focus,
    348 .colors-dark .widget a:hover,
    349 .colors-dark .site-footer .widget-area a:focus,
    350 .colors-dark .site-footer .widget-area a:hover,
    351 .colors-dark .posts-navigation a:focus,
    352 .colors-dark .posts-navigation a:hover,
    353 .colors-dark .comment-navigation a:focus,
    354 .colors-dark .comment-navigation a:hover,
    355 .colors-dark .comment-metadata a:focus,
    356 .colors-dark .comment-metadata a:hover,
    357 .colors-dark .comment-metadata a.comment-edit-link:focus,
    358 .colors-dark .comment-metadata a.comment-edit-link:hover,
    359 .colors-dark .comment-reply-link:focus,
    360 .colors-dark .comment-reply-link:hover,
    361 .colors-dark .widget_authors a:focus strong,
    362 .colors-dark .widget_authors a:hover strong,
    363 .colors-dark .project-terms a:focus,
    364 .colors-dark .project-terms a:hover,
    365 .colors-dark .entry-title a:focus,
    366 .colors-dark .entry-title a:hover,
    367 .colors-dark .entry-meta a:focus,
    368 .colors-dark .entry-meta a:hover,
    369 .colors-dark .page-links a:focus .page-number,
    370 .colors-dark .page-links a:hover .page-number,
    371 .colors-dark .entry-footer a:focus,
    372 .colors-dark .entry-footer a:hover,
    373 .colors-dark .entry-footer .cat-links a:focus,
    374 .colors-dark .entry-footer .cat-links a:hover,
    375 .colors-dark .entry-footer .tags-links a:focus,
    376 .colors-dark .entry-footer .tags-links a:hover,
    377 .colors-dark .post-navigation a:focus,
    378 .colors-dark .post-navigation a:hover,
    379 .colors-dark .logged-in-as a:focus,
    380 .colors-dark .logged-in-as a:hover,
    381 .colors-dark .comment-navigation a:focus,
    382 .colors-dark .comment-navigation a:hover,
    383 .colors-dark a:focus .nav-title,
    384 .colors-dark a:hover .nav-title,
    385 .colors-dark .edit-link a:focus,
    386 .colors-dark .edit-link a:hover,
    387 .colors-dark .pagination a:focus,
    388 .colors-dark .pagination a:hover,
    389 .colors-dark .site-info a:focus,
    390 .colors-dark .site-info a:hover,
    391 .colors-dark .widget .widget-title a:focus,
    392 .colors-dark .widget .widget-title a:hover,
    393 .colors-dark .widget ul li a:focus,
    394 .colors-dark .widget ul li a:hover,
    395439.colors-dark button,
    396440.colors-dark input[type="button"],
    397441.colors-dark input[type="submit"],
    398 .colors-dark .entry-footer .edit-link a.post-edit-link {
     442.colors-dark .prev.page-numbers:focus,
     443.colors-dark .prev.page-numbers:hover,
     444.colors-dark .next.page-numbers:focus,
     445.colors-dark .next.page-numbers:hover {
    399446        color: #222;
    400447}
    401448
     
    405452        background: #222;
    406453}
    407454
     455/* Fixes linked images */
     456.entry-content a img,
     457.widget a img {
     458        -webkit-box-shadow: 0 0 0 8px #222;
     459        box-shadow: 0 0 0 8px #222;
     460}
     461
     462.colors-dark .entry-footer .edit-link a.post-edit-link {
     463        color: #000;
     464}
     465
    408466.colors-dark .menu-toggle,
    409467.colors-dark .menu-toggle:hover,
    410468.colors-dark .menu-toggle:focus,
    411469.colors-dark .dropdown-toggle,
    412 .colors-custom .menu-scroll-down,
    413 .colors-custom .menu-scroll-down:hover,
    414 .colors-custom .menu-scroll-down:focus {
     470.colors-dark .dropdown-toggle:hover,
     471.colors-dark .dropdown-toggle:focus,
     472.colors-dark .menu-scroll-down,
     473.colors-dark .menu-scroll-down:hover,
     474.colors-dark .menu-scroll-down:focus {
    415475        background-color: transparent;
    416476}
    417477
     478.colors-dark .widget .tagcloud a,
     479.colors-dark .widget .tagcloud a:focus,
     480.colors-dark .widget .tagcloud a:hover,
     481.colors-dark .widget.widget_tag_cloud a,
     482.colors-dark .widget.widget_tag_cloud a:focus,
     483.colors-dark .widget.widget_tag_cloud a:hover,
     484.colors-dark .wp_widget_tag_cloud a,
     485.colors-dark .wp_widget_tag_cloud a:focus,
     486.colors-dark .wp_widget_tag_cloud a:hover,
     487.colors-dark .entry-footer .edit-link a.post-edit-link:focus,
     488.colors-dark .entry-footer .edit-link a.post-edit-link:hover,
     489.colors-dark .prev.page-numbers:focus,
     490.colors-dark .prev.page-numbers:hover,
     491.colors-dark .next.page-numbers:focus,
     492.colors-dark .next.page-numbers:hover {
     493        -webkit-box-shadow: none;
     494        box-shadow: none;
     495}
    418496
    419497@media screen and (min-width: 48em) {
    420498
  • src/wp-content/themes/twentyseventeen/inc/color-patterns.php

     
    3535        background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); /* base: #222; */
    3636}
    3737
     38.colors-custom a:hover,
     39.colors-custom a:active,
     40.colors-custom .entry-content a:focus,
     41.colors-custom .entry-content a:hover,
     42.colors-custom .entry-summary a:focus,
     43.colors-custom .entry-summary a:hover,
     44.colors-custom .widget a:focus,
     45.colors-custom .widget a:hover,
     46.colors-custom .site-footer .widget-area a:focus,
     47.colors-custom .site-footer .widget-area a:hover,
     48.colors-custom .posts-navigation a:focus,
     49.colors-custom .posts-navigation a:hover,
     50.colors-custom .comment-metadata a:focus,
     51.colors-custom .comment-metadata a:hover,
     52.colors-custom .comment-metadata a.comment-edit-link:focus,
     53.colors-custom .comment-metadata a.comment-edit-link:hover,
     54.colors-custom .comment-reply-link:focus,
     55.colors-custom .comment-reply-link:hover,
     56.colors-custom .widget_authors a:focus strong,
     57.colors-custom .widget_authors a:hover strong,
     58.colors-custom .project-terms a:focus,
     59.colors-custom .project-terms a:hover,
     60.colors-custom .entry-title a:focus,
     61.colors-custom .entry-title a:hover,
     62.colors-custom .entry-meta a:focus,
     63.colors-custom .entry-meta a:hover,
     64.colors-custom.blog .entry-meta a.post-edit-link:focus,
     65.colors-custom.blog .entry-meta a.post-edit-link:hover,
     66.colors-custom.archive .entry-meta a.post-edit-link:focus,
     67.colors-custom.archive .entry-meta a.post-edit-link:hover,
     68.colors-custom.search .entry-meta a.post-edit-link:focus,
     69.colors-custom.search .entry-meta a.post-edit-link:hover,
     70.colors-custom .page-links a:focus .page-number,
     71.colors-custom .page-links a:hover .page-number,
     72.colors-custom .entry-footer a:focus,
     73.colors-custom .entry-footer a:hover,
     74.colors-custom .entry-footer .cat-links a:focus,
     75.colors-custom .entry-footer .cat-links a:hover,
     76.colors-custom .entry-footer .tags-links a:focus,
     77.colors-custom .entry-footer .tags-links a:hover,
     78.colors-custom .post-navigation a:focus,
     79.colors-custom .post-navigation a:hover,
     80.colors-custom .logged-in-as a:focus,
     81.colors-custom .logged-in-as a:hover,
     82.colors-custom a:focus .nav-title,
     83.colors-custom a:hover .nav-title,
     84.colors-custom .edit-link a:focus,
     85.colors-custom .edit-link a:hover,
     86.colors-custom .site-info a:focus,
     87.colors-custom .site-info a:hover,
     88.colors-custom .widget .widget-title a:focus,
     89.colors-custom .widget .widget-title a:hover,
     90.colors-custom .widget ul li a:focus,
     91.colors-custom .widget ul li a:hover {
     92        color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 0% ); /* base: #000; */
     93}
     94
     95.colors-custom .entry-content a,
     96.colors-custom .entry-summary a,
     97.colors-custom .widget a,
     98.colors-custom .site-footer .widget-area a,
     99.colors-custom .posts-navigation a,
     100.colors-custom .widget_authors a strong {
     101        -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */
     102        box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */
     103}
     104
    38105.colors-custom input[type="text"]:focus,
    39106.colors-custom input[type="email"]:focus,
    40107.colors-custom input[type="url"]:focus,
     
    57124.colors-custom input[type="reset"].secondary,
    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,
    67132.colors-custom .page .panel-content .entry-title,
     
    71136.colors-custom .comment-metadata a.comment-edit-link,
    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; */
    76145}
    77146
     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 .project-terms a:focus,
     166.colors-custom .project-terms a:hover,
     167.colors-custom .entry-title a:focus,
     168.colors-custom .entry-title a:hover,
     169.colors-custom .entry-meta a:focus,
     170.colors-custom .entry-meta a:hover,
     171.colors-custom.blog .entry-meta a.post-edit-link:focus,
     172.colors-custom.blog .entry-meta a.post-edit-link:hover,
     173.colors-custom.archive .entry-meta a.post-edit-link:focus,
     174.colors-custom.archive .entry-meta a.post-edit-link:hover,
     175.colors-custom.search .entry-meta a.post-edit-link:focus,
     176.colors-custom.search .entry-meta a.post-edit-link:hover,
     177.colors-custom .page-links a:focus .page-number,
     178.colors-custom .page-links a:hover .page-number,
     179.colors-custom .entry-footer .cat-links a:focus,
     180.colors-custom .entry-footer .cat-links a:hover,
     181.colors-custom .entry-footer .tags-links a:focus,
     182.colors-custom .entry-footer .tags-links a:hover,
     183.colors-custom .post-navigation a:focus,
     184.colors-custom .post-navigation a:hover,
     185.colors-custom .pagination a:focus,
     186.colors-custom .pagination a:hover,
     187.colors-custom .comments-pagination a:focus,
     188.colors-custom .comments-pagination a:hover,
     189.colors-custom .logged-in-as a:focus,
     190.colors-custom .logged-in-as a:hover,
     191.colors-custom a:focus .nav-title,
     192.colors-custom a:hover .nav-title,
     193.colors-custom .edit-link a:focus,
     194.colors-custom .edit-link a:hover,
     195.colors-custom .site-info a:focus,
     196.colors-custom .site-info a:hover,
     197.colors-custom .widget .widget-title a:focus,
     198.colors-custom .widget .widget-title a:hover,
     199.colors-custom .widget ul li a:focus,
     200.colors-custom .widget ul li a:hover {
     201        -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% );
     202        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% );
     203}
     204
    78205body.colors-custom,
    79206.colors-custom button,
    80207.colors-custom input,
     
    90217.colors-custom .entry-footer .tags-links a,
    91218.colors-custom .format-quote blockquote,
    92219.colors-custom .nav-title,
    93 .colors-custom .comment-body {
     220.colors-custom .comment-body,
     221.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
    94222        color: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
    95223}
    96224
     225.colors-custom .social-navigation a:hover,
     226.colors-custom .social-navigation a:focus {
     227        background: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
     228}
    97229
    98230.colors-custom input[type="text"]:focus,
    99231.colors-custom input[type="email"]:focus,
     
    133265.colors-custom input[type="datetime-local"],
    134266.colors-custom input[type="color"],
    135267.colors-custom textarea,
     268.colors-custom .site-description,
    136269.colors-custom .entry-content blockquote.alignleft,
    137270.colors-custom .entry-content blockquote.alignright,
    138271.colors-custom .colors-custom .taxonomy-description,
    139272.colors-custom .site-info a,
    140 .colors-custom .wp-caption {
     273.colors-custom .wp-caption,
     274.colors-custom .gallery-caption {
    141275        color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 40% ); /* base: #666; */
    142276}
    143277
     
    149283.colors-custom h5,
    150284.colors-custom .entry-meta,
    151285.colors-custom .entry-meta a,
     286.colors-custom.blog .entry-meta a.post-edit-link,
     287.colors-custom.archive .entry-meta a.post-edit-link,
     288.colors-custom.search .entry-meta a.post-edit-link,
    152289.colors-custom .nav-subtitle,
    153290.colors-custom .comment-metadata,
    154291.colors-custom .comment-metadata a,
     
    156293.colors-custom .comment-awaiting-moderation,
    157294.colors-custom .page-numbers.current,
    158295.colors-custom .page-links .page-number,
    159 .colors-custom .site-description,
    160296.colors-custom .navigation-top .current-menu-item > a,
    161 .colors-custom .navigation-top .current-menu-item > a:visited,
    162297.colors-custom .navigation-top .current_page_item > a,
    163 .colors-custom .navigation-top .current_page_item > a:visited {
     298.colors-custom .main-navigation a:hover,
     299.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
    164300        color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
    165301}
    166302
     
    170306.colors-custom input[type="button"]:focus,
    171307.colors-custom input[type="submit"]:hover,
    172308.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,
    225309.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
    226310.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 {
     311.colors-custom .social-navigation a,
     312.colors-custom .prev.page-numbers:focus,
     313.colors-custom .prev.page-numbers:hover,
     314.colors-custom .next.page-numbers:focus,
     315.colors-custom .next.page-numbers:hover,
     316.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover,
     317.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus {
    229318        background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
    230319}
    231320
    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; */
    245 }
    246 
    247321.colors-custom button.secondary:hover,
    248322.colors-custom button.secondary:focus,
    249323.colors-custom input[type="reset"]:hover,
     
    254328.colors-custom input[type="reset"].secondary:focus,
    255329.colors-custom input[type="submit"].secondary:hover,
    256330.colors-custom input[type="submit"].secondary:focus,
    257 .colors-custom .social-navigation a,
    258331.colors-custom hr {
    259332        background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
    260333}
     
    286359        border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
    287360}
    288361
     362.colors-custom thead th {
     363        border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
     364}
     365
    289366.colors-custom .entry-footer .cat-links .icon,
    290367.colors-custom .entry-footer .tags-links .icon {
    291368        color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
     
    325402.colors-custom .navigation-top,
    326403.colors-custom .main-navigation > div > ul,
    327404.colors-custom .pagination,
    328 .colors-custom .comment-navigation,
     405.colors-custom .comments-pagination,
    329406.colors-custom .entry-footer,
    330407.colors-custom .site-footer {
    331408        border-top-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
     
    334411.colors-custom .navigation-top,
    335412.colors-custom .main-navigation li,
    336413.colors-custom .entry-footer,
    337 .colors-custom #comments {
     414.colors-custom .single-featured-image-header,
     415.colors-custom .site-content .wp-playlist-light .wp-playlist-item,
     416.colors-custom tr {
    338417        border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
    339418}
    340419
    341 .colors-custom .site-header {
     420.colors-custom .site-content .wp-playlist-light {
     421        border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
     422}
     423
     424.colors-custom .site-header,
     425.colors-custom .single-featured-image-header {
    342426        background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 98% ); /* base: #fafafa; */
    343427}
    344428
    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,
    397429.colors-custom button,
    398430.colors-custom input[type="button"],
    399431.colors-custom input[type="submit"],
    400432.colors-custom .entry-footer .edit-link a.post-edit-link,
    401 .colors-custom .social-navigation a {
     433.colors-custom .social-navigation a,
     434.colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover,
     435.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a,
     436.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a,
     437.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover,
     438.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus,
     439.colors-custom .prev.page-numbers:focus,
     440.colors-custom .prev.page-numbers:hover,
     441.colors-custom .next.page-numbers:focus,
     442.colors-custom .next.page-numbers:hover,
     443.colors-custom.has-header-image .site-title,
     444.colors-custom.has-header-image .site-title a,
     445.colors-custom.has-header-image .site-description {
    402446        color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
    403447}
    404448
     
    408452        background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
    409453}
    410454
     455.colors-custom .widget ul li a,
     456.colors-custom .site-footer .widget-area ul li a {
     457        -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: rgba(255, 255, 255, 1); */
     458        box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% );  /* base: rgba(255, 255, 255, 1); */
     459}
     460
    411461.colors-custom .menu-toggle,
    412462.colors-custom .menu-toggle:hover,
    413463.colors-custom .menu-toggle:focus,
    414 .colors-custom .menu .dropdown-toggle
     464.colors-custom .menu .dropdown-toggle,
    415465.colors-custom .menu-scroll-down,
    416466.colors-custom .menu-scroll-down:hover,
    417467.colors-custom .menu-scroll-down:focus {
     
    418468        background-color: transparent;
    419469}
    420470
     471.colors-custom .widget .tagcloud a,
     472.colors-custom .widget .tagcloud a:focus,
     473.colors-custom .widget .tagcloud a:hover,
     474.colors-custom .widget.widget_tag_cloud a,
     475.colors-custom .widget.widget_tag_cloud a:focus,
     476.colors-custom .widget.widget_tag_cloud a:hover,
     477.colors-custom .wp_widget_tag_cloud a,
     478.colors-custom .wp_widget_tag_cloud a:focus,
     479.colors-custom .wp_widget_tag_cloud a:hover,
     480.colors-custom .entry-footer .edit-link a.post-edit-link:focus,
     481.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
     482.colors-custom .prev.page-numbers:focus,
     483.colors-custom .prev.page-numbers:hover,
     484.colors-custom .next.page-numbers:focus,
     485.colors-custom .next.page-numbers:hover {
     486        -webkit-box-shadow: none !important;
     487        box-shadow: none !important;
     488}
    421489
     490/* Reset non-customizable hover styling for links */
     491.colors-custom .entry-content a:hover,
     492.colors-custom .entry-content a:focus,
     493.colors-custom .entry-summary a:hover,
     494.colors-custom .entry-summary a:focus,
     495.colors-custom .widget a:hover,
     496.colors-custom .widget a:focus,
     497.colors-custom .site-footer .widget-area a:hover,
     498.colors-custom .site-footer .widget-area a:focus,
     499.colors-custom .posts-navigation a:hover,
     500.colors-custom .posts-navigation a:focus,
     501.colors-custom .widget_authors a:hover strong,
     502.colors-custom .widget_authors a:focus strong {
     503        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
     504        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
     505}
     506
     507.colors-custom .gallery-item a,
     508.colors-custom .gallery-item a:hover,
     509.colors-custom .gallery-item a:focus {
     510        -webkit-box-shadow: none;
     511        box-shadow: none;
     512}
     513
    422514@media screen and (min-width: 48em) {
    423515
    424516        .colors-custom .nav-links .nav-previous .nav-title .icon,
     
    431523                background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
    432524        }
    433525
    434         .colors-custom .menu-scroll-down {
     526        .colors-custom .navigation-top .menu-scroll-down {
    435527                color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */;
    436528        }
    437529
     530        .colors-custom abbr[title] {
     531                border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */;
     532        }
     533
    438534        .colors-custom .main-navigation ul ul {
    439                 border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
     535                border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
    440536                background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
    441537        }
    442538
    443539        .colors-custom .main-navigation ul li.menu-item-has-children:before,
    444540        .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; */
     541                border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
    446542        }
    447543
    448544        .colors-custom .main-navigation ul li.menu-item-has-children:after,
  • src/wp-content/themes/twentyseventeen/style.css

     
    12091209.widget_authors a:focus strong,
    12101210.widget_authors a:hover strong,
    12111211.project-terms a:focus,
    1212 .project-terms a:hover {
    1213         color: #000;
    1214         -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
    1215         box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
    1216 }
    1217 
     1212.project-terms a:hover,
    12181213.entry-title a:focus,
    12191214.entry-title a:hover,
    12201215.entry-meta a:focus,
     
    20152010
    20162011.entry-footer .cat-links .icon,
    20172012.entry-footer .tags-links .icon {
    2018         color: #999;
     2013        color: #767676;
    20192014        left: 0;
    20202015        margin-right: 0.5em;
    20212016        position: absolute;