woocommerce/storefront
2
0
Fork 0
mirror of https://github.com/woocommerce/storefront.git synced 2025-08-21 04:11:59 +08:00
Code Issues Packages Wiki Activity Actions

Improve accessibility color contrast

Browse source 
Darkened text to meet WCAG AA Passing contrast.
This commit is contained in:
Mikey Arce 2017-11-10 15:01:58 -08:00
parent 89e9d3bdbf
commit 097d577083
3 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/sass/base/_base.scss
View file

@ -755,7 +755,7 @@ table {
}
.entry-meta {
font-weight: 300;
font-weight: 400;
}
&.type-page {
@ -883,6 +883,10 @@ input[type="search"]::-webkit-search-decoration { /* Corrects inner padding disp
input[type="search"] {
box-sizing: border-box; // Overrules normalize.css.
&::placeholder {
color: #6B6B6B;
}
}
button::-moz-focus-inner,
@ -1370,7 +1374,7 @@ button.menu-toggle {
.widget-area {
.widget {
font-weight: 300;
font-weight: 400;
a.button {
font-weight: 600 !important;

2
assets/sass/utils/_mixins.scss
View file

@ -21,7 +21,7 @@
}
@mixin underlinedLink() {
font-weight: 400;
font-weight: 600;
text-decoration: underline;
&:hover {

10
inc/customizer/class-storefront-customizer.php
View file

@ -47,7 +47,7 @@ if ( ! class_exists( 'Storefront_Customizer' ) ) :
'storefront_text_color' => '#6d6d6d',
'storefront_accent_color' => '#96588a',
'storefront_header_background_color' => '#ffffff',
'storefront_header_text_color' => '#6d6d6d',
'storefront_header_text_color' => '#404040',
'storefront_header_link_color' => '#333333',
'storefront_footer_background_color' => '#f0f0f0',
'storefront_footer_heading_color' => '#333333',
@ -526,7 +526,7 @@ if ( ! class_exists( 'Storefront_Customizer' ) ) :
.site-header-cart .widget_shopping_cart a:hover,
.site-header-cart:hover > li > a,
.site-header ul.menu li.current-menu-item > a {
color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['header_link_color'], 80 ) . ';
color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['header_link_color'], 65 ) . ';
}
table th {
@ -594,7 +594,7 @@ if ( ! class_exists( 'Storefront_Customizer' ) ) :
.widget-area .widget a,
.hentry .entry-header .posted-on a,
.hentry .entry-header .byline a {
color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['text_color'], 50 ) . ';
color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['text_color'], 5 ) . ';
}
a {
@ -639,7 +639,7 @@ if ( ! class_exists( 'Storefront_Customizer' ) ) :
.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], $darken_factor ) . ';
color: ' . $storefront_theme_mods['text_color'] . ';
color: ' . storefront_adjust_color_brightness($storefront_theme_mods['text_color'], -10 ) . ';
}
#comments .comment-list .comment-content .comment-text {
@ -737,7 +737,7 @@ if ( ! class_exists( 'Storefront_Customizer' ) ) :
.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['text_color'], 50 ) . ';
color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['text_color'], 5 ) . ';
}
.onsale {