WordPress.org
Get WordPress

Make WordPress Core

Changeset 25857


Ignore:
Timestamp:
10/21/2013 04:39:53 PM (12 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: revise link colors. Props iamtakashi, see #25640.

Location:
trunk/src/wp-content/themes/twentyfourteen
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyfourteen/editor-style.css

    r25749 r25857  
    279279a:active,
    280280a:hover {
    281     color: #5ff23d;
     281    color: #55d737;
    282282    outline: 0;
    283283}

  • trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php

    r25802 r25857  
    5656    $color = sanitize_hex_color( $color );
    5757
    58     set_theme_mod( 'accent_lighter', twentyfourteen_adjust_color( $color, 14 ) );
    59     set_theme_mod( 'accent_much_lighter', twentyfourteen_adjust_color( $color, 71 ) );
     58    set_theme_mod( 'accent_lighter', twentyfourteen_adjust_color( $color, 29 ) );
     59    set_theme_mod( 'accent_much_lighter', twentyfourteen_adjust_color( $color, 49 ) );
    6060
    6161    return $color;
    … …  
    116116
    117117    $css = '/* Custom accent color. */
    118         h1 a:hover,
    119         h2 a:hover,
    120         h3 a:hover,
    121         h4 a:hover,
    122         h5 a:hover,
    123         h6 a:hover,
    124118        a,
    125         .entry-title a:hover,
    126         .cat-links a:hover,
    127         .site-content .post-navigation a:hover,
    128         .site-content .image-navigation a:hover,
    129         .comment-author a:hover,
    130         .comment-metadata a:hover,
    131         .comment-list .trackback a:hover,
    132         .comment-list .pingback a:hover,
    133119        .paging-navigation .page-numbers.current,
    134         .content-sidebar.widget-area a:hover,
    135120        .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
    136121            color: ' . $accent_color . ';
    … …  
    138123
    139124        button,
    140         html input[type="button"],
     125        .contributor-posts-link,
     126        input[type="button"],
    141127        input[type="reset"],
    142128        input[type="submit"],
    143         .hentry .mejs-controls .mejs-time-rail .mejs-time-current,
    144129        .header-extra,
    145130        .search-toggle,
    146131        .primary-navigation ul ul,
    147132        .primary-navigation li:hover > a,
    148         .page-links a:hover,
     133        .hentry .mejs-controls .mejs-time-rail .mejs-time-current,
    149134        .widget_calendar tbody a {
    150135            background-color: ' . $accent_color . ';
    … …  
    159144        }
    160145
    161         .page-links a:hover,
    162146        .paging-navigation .page-numbers.current {
    163147            border-color: ' .  $accent_color . ';
    … …  
    165149
    166150        /* Generated variant of custom accent color: slightly lighter. */
     151        button:hover,
     152        button:focus,
     153        .contributor-posts-link:hover,
     154        input[type="button"]:hover,
     155        input[type="button"]:focus,
     156        input[type="reset"]:hover,
     157        input[type="reset"]:focus,
     158        input[type="submit"]:hover,
     159        input[type="submit"]:focus,
    167160        .search-toggle:hover,
    168161        .search-toggle.active,
    169162        .search-box,
    170         button:hover,
    171         html input[type="button"]:hover,
    172         input[type="reset"]:hover,
    173         input[type="submit"]:hover,
    174         button:focus,
    175         html input[type="button"]:focus,
    176         input[type="reset"]:focus,
    177         input[type="submit"]:focus,
    178163        .widget_calendar tbody a:hover {
    179164            background-color: ' . $accent_lighter . ';
    … …  
    182167        /* Generated variant of custom accent color: much lighter. */
    183168        button:active,
    184         html input[type="button"]:active,
     169        .contributor-posts-link:active,
     170        input[type="button"]:active,
    185171        input[type="reset"]:active,
    186         input[type="submit"]:active {
     172        input[type="submit"]:active,
     173        .page-links a:hover {
    187174            background-color: ' . $accent_much_lighter . ';
    188175        }
    … …  
    191178        a:focus,
    192179        a:active,
    193         .primary-navigation li.current_page_item > a,
    194         .primary-navigation li.current-menu-item > a,
     180        .site-navigation .current_page_item > a,
     181        .site-navigation .current-menu-item > a,
    195182        .secondary-navigation a:hover,
    196         #secondary .current_page_item > a,
    197         #secondary .current-menu-item > a,
    198         .featured-content a:hover,
    199         .featured-content .more-link,
    200         .widget-area a:hover {
     183        .entry-title a:hover,
     184        .cat-links a:hover,
     185        .post-navigation a:hover,
     186        .image-navigation a:hover,
     187        .comment-author a:hover,
     188        .comment-list .pingback a:hover,
     189        .comment-list .trackback a:hover,
     190        .comment-metadata a:hover,
     191        .footer-sidebar a:hover,
     192        .primary-sidebar a:hover,
     193        .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover,
     194        .featured-content a:hover {
    201195            color: ' . $accent_much_lighter . ';
     196        }
     197
     198        .page-links a:hover,
     199        .paging-navigation a:hover {
     200            border-color: ' . $accent_much_lighter . ';
    202201        }';
    203202

  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r25856 r25857  
    130130a:focus,
    131131a:active {
    132     color: #5ff23d;
     132    color: #55d737;
    133133}
    134134
    … …  
    405405input[type="reset"],
    406406input[type="search"],
    407 input[type="submit"]
     407input[type="submit"],
    408408input[type="text"],
    409409input[type="url"],
    … …  
    479479input[type="submit"]:hover,
    480480input[type="submit"]:focus {
    481     background-color: #35921f;
     481    background-color: #41a62a;
    482482    color: #fff;
    483483}
    … …  
    488488input[type="reset"]:active,
    489489input[type="submit"]:active {
    490     background-color: #5ff23d;
     490    background-color: #55d737;
    491491}
    492492
    … …  
    831831.search-toggle:hover,
    832832.search-toggle.active {
    833     background-color: #35921f;
     833    background-color: #41a62a;
    834834}
    835835
    … …  
    858858
    859859.search-box {
    860     background-color: #35921f;
     860    background-color: #41a62a;
    861861}
    862862
    … …  
    899899.site-navigation .current_page_item > a,
    900900.site-navigation .current-menu-item > a {
    901     color: #5ff23d;
     901    color: #55d737;
    902902}
    903903
    … …  
    998998
    999999.secondary-navigation a:hover {
    1000     color: #5ff23d;
     1000    color: #55d737;
    10011001}
    10021002
    … …  
    11881188
    11891189.entry-title a:hover {
    1190     color: #24890d;
     1190    color: #55d737;
    11911191}
    11921192
    … …  
    12341234
    12351235.cat-links a:hover {
    1236     color: #24890d;
     1236    color: #55d737;
    12371237}
    12381238
    … …  
    14411441
    14421442.page-links a:hover {
    1443     background: #24890d;
    1444     border: 1px solid #24890d;
     1443    background: #55d737;
     1444    border: 1px solid #55d737;
    14451445    color: #fff;
    14461446}
    … …  
    16871687.post-navigation a:hover,
    16881688.image-navigation a:hover {
    1689     color: #24890d;
     1689    color: #55d737;
    16901690}
    16911691
    … …  
    17231723.paging-navigation a:hover {
    17241724    background-color: #f5f5f5;
    1725     border-top: 5px solid #24890d;
     1725    border-top: 5px solid #55d737;
    17261726    color: #2b2b2b;
    17271727}
    … …  
    19161916.comment-list .trackback a:hover,
    19171917.comment-metadata a:hover {
    1918     color: #24890d;
     1918    color: #55d737;
    19191919    text-decoration: none;
    19201920}
    … …  
    19701970}
    19711971
    1972 
    1973 
    19741972.comment-edit-link {
    19751973    margin-left: 10px;
    … …  
    20382036}
    20392037
    2040 .comment-form input[type=text] {
     2038.comment-form input[type="text"],
     2039.comment-form input[type="email"],
     2040.comment-form input[type="url"] {
    20412041    width: 100%;
    20422042}
    … …  
    20772077 */
    20782078
    2079 /* Primary Sidebar */
     2079/* Primary Sidebar, Footer Sidebar */
    20802080
    20812081#secondary {
    … …  
    21022102}
    21032103
    2104 .widget-area p {
    2105     margin-bottom: 18px;
    2106 }
    2107 
    2108 .widget-area a {
     2104.footer-sidebar a,
     2105.primary-sidebar a {
    21092106    color: rgba(255, 255, 255, 0.75);
    21102107}
    21112108
    2112 .widget-area a:hover {
    2113     color: #5ff23d;
    2114 }
    2115 
    2116 .widget-area .widget-title,
    2117 .widget-area .widget-title a,
    2118 .widget-area .widget-title a:hover {
     2109.footer-sidebar a:hover,
     2110.primary-sidebar a:hover {
     2111    color: #55d737;
     2112}
     2113
     2114.footer-sidebar .widget-title,
     2115.footer-sidebar .widget-title a,
     2116.footer-sidebar .widget-title a:hover,
     2117.primary-sidebar .widget-title,
     2118.primary-sidebar .widget-title a,
     2119.primary-sidebar .widget-title a:hover {
    21192120    color: #fff;
    21202121}
    … …  
    21362137}
    21372138
    2138 .content-sidebar.widget-area a {
    2139     color: #2b2b2b;
    2140 }
    2141 
    2142 .content-sidebar.widget-area a:hover {
    2143     color: #24890d;
    2144 }
    2145 
    21462139
    21472140/**
    … …  
    21542147    max-width: 474px;
    21552148    overflow: hidden;
     2149}
     2150
     2151.widget p {
     2152    margin-bottom: 18px;
    21562153}
    21572154
    … …  
    22402237
    22412238.widget_calendar tbody a:hover {
    2242     background-color: #35921f;
    2243 }
    2244 
    2245 .widget-area .widget_calendar tbody a:hover {
    2246     color: #fff; /* Override custom accent color with more specific selector. */
     2239    background-color: #41a62a;
    22472240}
    22482241
    … …  
    24512444}
    24522445
    2453 .content-sidebar .widget_calendar tbody a,
    2454 .content-sidebar.widget-area .widget_calendar tbody a:hover {
    2455     color: #fff; /* Override custom accent color with more specific selector. */
    2456 }
    2457 
    24582446/* Ephemera widget*/
    24592447
    … …  
    25332521
    25342522.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover {
    2535     color: #5ff23d;
     2523    color: #55d737;
    25362524}
    25372525
    … …  
    26282616
    26292617.featured-content a:hover {
    2630     color: #5ff23d;
     2618    color: #55d737;
    26312619}
    26322620
Note: See TracChangeset for help on using the changeset viewer.