Changeset 11135

Timestamp:

09/21/2016 08:59:03 AM (10 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:

• twentythirteen-rtl.css (modified) (4 diffs)
• twentythirteen.css (modified) (4 diffs)
• twentythirteen.scss (modified) (6 diffs)

trunk/src/bp-templates/bp-legacy/css/twentythirteen-rtl.css

@@ -160 +160 @@
 }
 
-#buddypress #object-nav ul li:not(.selected) a {
-        opacity: 0.7;
-}
-
 @media screen and (min-width: 38.75em) {
         #buddypress #object-nav ul li {
@@ -359 +355 @@
 
 #buddypress .activity-meta .button:focus, #buddypress .activity-meta .button:hover {
-        background: #e37a5a;
+        background: #bd4b28;
         color: #f7f5e7;
 }
 
 #buddypress .action .generic-button a:focus, #buddypress .action .generic-button a:hover {
-        background: #e37a5a;
+        background: #bd4b28;
         color: #f7f5e7;
 }
@@ -647 +643 @@
         background-color: #f7f7f7;
         border: 1px solid rgba(234, 234, 234, 0.6);
+        color: #727272;
         margin-top: 0;
         padding: 0 0.2em;
+}
+
+#buddypress #activity-stream .activity-content .activity-header p a.activity-time-since {
+        color: #727272;
 }
 
@@ -722 +723 @@
         background: rgba(247, 247, 247, 0.6);
         margin: 15px 2px 0 0;
+}
+
+#buddypress #activity-stream .activity-comments a {
+        color: #ac0404;
+}
+
+#buddypress #activity-stream .activity-comments .acomment-meta {
+        color: #737373;
 }
 

trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

@@ -160 +160 @@
 }
 
-#buddypress #object-nav ul li:not(.selected) a {
-        opacity: 0.7;
-}
-
 @media screen and (min-width: 38.75em) {
         #buddypress #object-nav ul li {
@@ -359 +355 @@
 
 #buddypress .activity-meta .button:focus, #buddypress .activity-meta .button:hover {
-        background: #e37a5a;
+        background: #bd4b28;
         color: #f7f5e7;
 }
 
 #buddypress .action .generic-button a:focus, #buddypress .action .generic-button a:hover {
-        background: #e37a5a;
+        background: #bd4b28;
         color: #f7f5e7;
 }
@@ -647 +643 @@
         background-color: #f7f7f7;
         border: 1px solid rgba(234, 234, 234, 0.6);
+        color: #727272;
         margin-top: 0;
         padding: 0 0.2em;
+}
+
+#buddypress #activity-stream .activity-content .activity-header p a.activity-time-since {
+        color: #727272;
 }
 
@@ -722 +723 @@
         background: rgba(247, 247, 247, 0.6);
         margin: 15px 0 0 2px;
+}
+
+#buddypress #activity-stream .activity-comments a {
+        color: #ac0404;
+}
+
+#buddypress #activity-stream .activity-comments .acomment-meta {
+        color: #737373;
 }
 

trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

@@ -144 +144 @@
 $border-light:       #eaeaea; // BP dividers
 $border-med:         #ddd;
-$background-hover:   #db572f; // 2013 link background hover
+$background-hover:   #bd4b28; // 2013 link background hover
 $bp-button-hover:    #ededed; // this is the default BP button hover background
 $notice-error:       #c85a6e;
@@ -349 +349 @@
                         }
 
-                        li:not(.selected) {
-                                a {opacity: 0.7;}
-                        }
-
                         @media screen and (min-width: 38.75em) {
                                 li {
@@ -598 +594 @@
                         &:focus,
                         &:hover {
-                                background: lighten($background-hover, 10%);
+                                background: $background-hover;
                                 color: $cream-background;
                         }
@@ -609 +605 @@
                                 &:focus,
                                 &:hover {
-                                        background: lighten($background-hover, 10%);
+                                        background: $background-hover;
                                         color: $cream-background;
                                 }
@@ -939 +935 @@
                                         background-color: $light-background;
                                         border: 1px solid rgba($border-light, 0.6);
+                                        color: #727272;
                                         margin-top: 0;
                                         padding: 0 0.2em;
+
+                                        a.activity-time-since {
+                                                color: #727272;
+                                        }
                                 }
 
@@ -1023 +1024 @@
                                 background: rgba($light-background, 0.6);
                                 margin: 15px 0 0 2px;
+                        }
+
+                        a {
+                                color: #ac0404;
+                        }
+
+                        .acomment-meta {
+                                color: #737373;
                         }