From a9a5d30053840a8e571018c52623343d01b4ea28 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Thu, 24 Oct 2013 22:57:42 +0000 Subject: [PATCH] Twenty Fourteen: revise link colors. Props iamtakashi, see #25640. Built from https://develop.svn.wordpress.org/trunk@25857 git-svn-id: http://core.svn.wordpress.org/trunk@25857 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../themes/twentyfourteen/editor-style.css | 2 +- .../themes/twentyfourteen/inc/customizer.php | 75 ++++++++-------- wp-content/themes/twentyfourteen/style.css | 86 ++++++++----------- 3 files changed, 75 insertions(+), 88 deletions(-) diff --git a/wp-content/themes/twentyfourteen/editor-style.css b/wp-content/themes/twentyfourteen/editor-style.css index 3c67e3b5d2..698fa546b0 100644 --- a/wp-content/themes/twentyfourteen/editor-style.css +++ b/wp-content/themes/twentyfourteen/editor-style.css @@ -278,7 +278,7 @@ a:focus { a:active, a:hover { - color: #5ff23d; + color: #55d737; outline: 0; } diff --git a/wp-content/themes/twentyfourteen/inc/customizer.php b/wp-content/themes/twentyfourteen/inc/customizer.php index 725585a01a..80e922b243 100644 --- a/wp-content/themes/twentyfourteen/inc/customizer.php +++ b/wp-content/themes/twentyfourteen/inc/customizer.php @@ -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 ); diff --git a/wp-content/themes/twentyfourteen/style.css b/wp-content/themes/twentyfourteen/style.css index 7a1c8cb8a8..7b2b63e5e4 100644 --- a/wp-content/themes/twentyfourteen/style.css +++ b/wp-content/themes/twentyfourteen/style.css @@ -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 {