Skip to:
Content

BuddyPress.org

Changeset 11135


Ignore:
Timestamp:
09/21/2016 08:59:03 AM (7 years ago)
Author:
mercime
Message:

A11y: Update contrast ratios in twentythirteen.css to meet WCAG 2.0 AA standards.

See #7222.

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen-rtl.css

    r11006 r11135  
    160160}
    161161
    162 #buddypress #object-nav ul li:not(.selected) a {
    163     opacity: 0.7;
    164 }
    165 
    166162@media screen and (min-width: 38.75em) {
    167163    #buddypress #object-nav ul li {
     
    359355
    360356#buddypress .activity-meta .button:focus, #buddypress .activity-meta .button:hover {
    361     background: #e37a5a;
     357    background: #bd4b28;
    362358    color: #f7f5e7;
    363359}
    364360
    365361#buddypress .action .generic-button a:focus, #buddypress .action .generic-button a:hover {
    366     background: #e37a5a;
     362    background: #bd4b28;
    367363    color: #f7f5e7;
    368364}
     
    647643    background-color: #f7f7f7;
    648644    border: 1px solid rgba(234, 234, 234, 0.6);
     645    color: #727272;
    649646    margin-top: 0;
    650647    padding: 0 0.2em;
     648}
     649
     650#buddypress #activity-stream .activity-content .activity-header p a.activity-time-since {
     651    color: #727272;
    651652}
    652653
     
    722723    background: rgba(247, 247, 247, 0.6);
    723724    margin: 15px 2px 0 0;
     725}
     726
     727#buddypress #activity-stream .activity-comments a {
     728    color: #ac0404;
     729}
     730
     731#buddypress #activity-stream .activity-comments .acomment-meta {
     732    color: #737373;
    724733}
    725734
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

    r11006 r11135  
    160160}
    161161
    162 #buddypress #object-nav ul li:not(.selected) a {
    163     opacity: 0.7;
    164 }
    165 
    166162@media screen and (min-width: 38.75em) {
    167163    #buddypress #object-nav ul li {
     
    359355
    360356#buddypress .activity-meta .button:focus, #buddypress .activity-meta .button:hover {
    361     background: #e37a5a;
     357    background: #bd4b28;
    362358    color: #f7f5e7;
    363359}
    364360
    365361#buddypress .action .generic-button a:focus, #buddypress .action .generic-button a:hover {
    366     background: #e37a5a;
     362    background: #bd4b28;
    367363    color: #f7f5e7;
    368364}
     
    647643    background-color: #f7f7f7;
    648644    border: 1px solid rgba(234, 234, 234, 0.6);
     645    color: #727272;
    649646    margin-top: 0;
    650647    padding: 0 0.2em;
     648}
     649
     650#buddypress #activity-stream .activity-content .activity-header p a.activity-time-since {
     651    color: #727272;
    651652}
    652653
     
    722723    background: rgba(247, 247, 247, 0.6);
    723724    margin: 15px 0 0 2px;
     725}
     726
     727#buddypress #activity-stream .activity-comments a {
     728    color: #ac0404;
     729}
     730
     731#buddypress #activity-stream .activity-comments .acomment-meta {
     732    color: #737373;
    724733}
    725734
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

    r11006 r11135  
    144144$border-light:       #eaeaea; // BP dividers
    145145$border-med:         #ddd;
    146 $background-hover:   #db572f; // 2013 link background hover
     146$background-hover:   #bd4b28; // 2013 link background hover
    147147$bp-button-hover:    #ededed; // this is the default BP button hover background
    148148$notice-error:       #c85a6e;
     
    349349            }
    350350
    351             li:not(.selected) {
    352                 a {opacity: 0.7;}
    353             }
    354 
    355351            @media screen and (min-width: 38.75em) {
    356352                li {
     
    598594            &:focus,
    599595            &:hover {
    600                 background: lighten($background-hover, 10%);
     596                background: $background-hover;
    601597                color: $cream-background;
    602598            }
     
    609605                &:focus,
    610606                &:hover {
    611                     background: lighten($background-hover, 10%);
     607                    background: $background-hover;
    612608                    color: $cream-background;
    613609                }
     
    939935                    background-color: $light-background;
    940936                    border: 1px solid rgba($border-light, 0.6);
     937                    color: #727272;
    941938                    margin-top: 0;
    942939                    padding: 0 0.2em;
     940
     941                    a.activity-time-since {
     942                        color: #727272;
     943                    }
    943944                }
    944945
     
    10231024                background: rgba($light-background, 0.6);
    10241025                margin: 15px 0 0 2px;
     1026            }
     1027
     1028            a {
     1029                color: #ac0404;
     1030            }
     1031
     1032            .acomment-meta {
     1033                color: #737373;
    10251034            }
    10261035
Note: See TracChangeset for help on using the changeset viewer.