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

git-svn-id: https://develop.svn.wordpress.org/trunk@25857 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-10-21 16:39:53 +00:00
parent 2240365438
commit 04ca72fd9c
3 changed files with 75 additions and 88 deletions

View File

@ -278,7 +278,7 @@ a:focus {
a:active,
a:hover {
color: #5ff23d;
color: #55d737;
outline: 0;
}

View File

@ -55,8 +55,8 @@ add_action( 'customize_preview_init', 'twentyfourteen_customize_preview_js' );
function twentyfourteen_generate_accent_colors( $color ) {
$color = sanitize_hex_color( $color );
set_theme_mod( 'accent_lighter', twentyfourteen_adjust_color( $color, 14 ) );
set_theme_mod( 'accent_much_lighter', twentyfourteen_adjust_color( $color, 71 ) );
set_theme_mod( 'accent_lighter', twentyfourteen_adjust_color( $color, 29 ) );
set_theme_mod( 'accent_much_lighter', twentyfourteen_adjust_color( $color, 49 ) );
return $color;
}
@ -115,37 +115,22 @@ function twentyfourteen_customizer_styles() {
$accent_much_lighter = get_theme_mod( 'accent_much_lighter' );
$css = '/* Custom accent color. */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a,
.entry-title a:hover,
.cat-links a:hover,
.site-content .post-navigation a:hover,
.site-content .image-navigation a:hover,
.comment-author a:hover,
.comment-metadata a:hover,
.comment-list .trackback a:hover,
.comment-list .pingback a:hover,
.paging-navigation .page-numbers.current,
.content-sidebar.widget-area a:hover,
.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
color: ' . $accent_color . ';
}
button,
html input[type="button"],
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.header-extra,
.search-toggle,
.primary-navigation ul ul,
.primary-navigation li:hover > a,
.page-links a:hover,
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget_calendar tbody a {
background-color: ' . $accent_color . ';
}
@ -158,47 +143,61 @@ function twentyfourteen_customizer_styles() {
background: ' . $accent_color . ';
}
.page-links a:hover,
.paging-navigation .page-numbers.current {
border-color: ' . $accent_color . ';
}
/* Generated variant of custom accent color: slightly lighter. */
button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.search-toggle:hover,
.search-toggle.active,
.search-box,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.widget_calendar tbody a:hover {
background-color: ' . $accent_lighter . ';
}
/* Generated variant of custom accent color: much lighter. */
button:active,
html input[type="button"]:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
input[type="submit"]:active,
.page-links a:hover {
background-color: ' . $accent_much_lighter . ';
}
a:hover,
a:focus,
a:active,
.primary-navigation li.current_page_item > a,
.primary-navigation li.current-menu-item > a,
.site-navigation .current_page_item > a,
.site-navigation .current-menu-item > a,
.secondary-navigation a:hover,
#secondary .current_page_item > a,
#secondary .current-menu-item > a,
.featured-content a:hover,
.featured-content .more-link,
.widget-area a:hover {
.entry-title a:hover,
.cat-links a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.footer-sidebar a:hover,
.primary-sidebar a:hover,
.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover,
.featured-content a:hover {
color: ' . $accent_much_lighter . ';
}
.page-links a:hover,
.paging-navigation a:hover {
border-color: ' . $accent_much_lighter . ';
}';
wp_add_inline_style( 'twentyfourteen-style', $css );

View File

@ -129,7 +129,7 @@ a:active {
a:hover,
a:focus,
a:active {
color: #5ff23d;
color: #55d737;
}
h1,
@ -404,7 +404,7 @@ input[type="password"],
input[type="radio"],
input[type="reset"],
input[type="search"],
input[type="submit"]
input[type="submit"],
input[type="text"],
input[type="url"],
textarea {
@ -478,7 +478,7 @@ input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background-color: #35921f;
background-color: #41a62a;
color: #fff;
}
@ -487,7 +487,7 @@ button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background-color: #5ff23d;
background-color: #55d737;
}
/* Input Fields */
@ -830,7 +830,7 @@ span + .edit-link:before,
.search-toggle:hover,
.search-toggle.active {
background-color: #35921f;
background-color: #41a62a;
}
.search-toggle:before {
@ -857,7 +857,7 @@ span + .edit-link:before,
}
.search-box {
background-color: #35921f;
background-color: #41a62a;
}
.search-box .search-field {
@ -898,7 +898,7 @@ span + .edit-link:before,
.site-navigation .current_page_item > a,
.site-navigation .current-menu-item > a {
color: #5ff23d;
color: #55d737;
}
.site-navigation ul {
@ -997,7 +997,7 @@ span + .edit-link:before,
}
.secondary-navigation a:hover {
color: #5ff23d;
color: #55d737;
}
.secondary-navigation ul {
@ -1187,7 +1187,7 @@ span + .edit-link:before,
}
.entry-title a:hover {
color: #24890d;
color: #55d737;
}
@ -1233,7 +1233,7 @@ span + .edit-link:before,
}
.cat-links a:hover {
color: #24890d;
color: #55d737;
}
.byline {
@ -1440,8 +1440,8 @@ span + .edit-link:before,
}
.page-links a:hover {
background: #24890d;
border: 1px solid #24890d;
background: #55d737;
border: 1px solid #55d737;
color: #fff;
}
@ -1686,7 +1686,7 @@ span + .edit-link:before,
.post-navigation a:hover,
.image-navigation a:hover {
color: #24890d;
color: #55d737;
}
/* Paging Navigation */
@ -1722,7 +1722,7 @@ span + .edit-link:before,
.paging-navigation a:hover {
background-color: #f5f5f5;
border-top: 5px solid #24890d;
border-top: 5px solid #55d737;
color: #2b2b2b;
}
@ -1915,7 +1915,7 @@ span + .edit-link:before,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
color: #24890d;
color: #55d737;
text-decoration: none;
}
@ -1969,8 +1969,6 @@ span + .edit-link:before,
padding-left: 36px;
}
.comment-edit-link {
margin-left: 10px;
}
@ -2037,7 +2035,9 @@ span + .edit-link:before,
display: block;
}
.comment-form input[type=text] {
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
}
@ -2076,7 +2076,7 @@ span + .edit-link:before,
* -----------------------------------------------------------------------------
*/
/* Primary Sidebar */
/* Primary Sidebar, Footer Sidebar */
#secondary {
background-color: #000;
@ -2101,21 +2101,22 @@ span + .edit-link:before,
padding-top: 48px;
}
.widget-area p {
margin-bottom: 18px;
}
.widget-area a {
.footer-sidebar a,
.primary-sidebar a {
color: rgba(255, 255, 255, 0.75);
}
.widget-area a:hover {
color: #5ff23d;
.footer-sidebar a:hover,
.primary-sidebar a:hover {
color: #55d737;
}
.widget-area .widget-title,
.widget-area .widget-title a,
.widget-area .widget-title a:hover {
.footer-sidebar .widget-title,
.footer-sidebar .widget-title a,
.footer-sidebar .widget-title a:hover,
.primary-sidebar .widget-title,
.primary-sidebar .widget-title a,
.primary-sidebar .widget-title a:hover {
color: #fff;
}
@ -2135,14 +2136,6 @@ span + .edit-link:before,
position: relative;
}
.content-sidebar.widget-area a {
color: #2b2b2b;
}
.content-sidebar.widget-area a:hover {
color: #24890d;
}
/**
* 7.1 Widgets
@ -2155,6 +2148,10 @@ span + .edit-link:before,
overflow: hidden;
}
.widget p {
margin-bottom: 18px;
}
.widget ul,
.widget ol {
list-style: none;
@ -2239,11 +2236,7 @@ span + .edit-link:before,
}
.widget_calendar tbody a:hover {
background-color: #35921f;
}
.widget-area .widget_calendar tbody a:hover {
color: #fff; /* Override custom accent color with more specific selector. */
background-color: #41a62a;
}
.widget_calendar #prev {
@ -2450,11 +2443,6 @@ span + .edit-link:before,
background-color: rgba(0, 0, 0, 0.02);
}
.content-sidebar .widget_calendar tbody a,
.content-sidebar.widget-area .widget_calendar tbody a:hover {
color: #fff; /* Override custom accent color with more specific selector. */
}
/* Ephemera widget*/
.content-sidebar .widget_twentyfourteen_ephemera .widget-title {
@ -2532,7 +2520,7 @@ span + .edit-link:before,
}
.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover {
color: #5ff23d;
color: #55d737;
}
@ -2627,7 +2615,7 @@ span + .edit-link:before,
}
.featured-content a:hover {
color: #5ff23d;
color: #55d737;
}
.featured-content .entry-meta {