Changeset 11132

Timestamp:

09/21/2016 08:56:28 AM (10 years ago)

Author:

mercime

Message:

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

See #7222.

Location:

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

Files:

• twentysixteen-rtl.css (modified) (7 diffs)
• twentysixteen.css (modified) (7 diffs)
• twentysixteen.scss (modified) (7 diffs)

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

@@ -150 +150 @@
 }
 
+#buddypress div.item-list-tabs ul li a {
+        color: #0073c1;
+}
+
 #buddypress div.item-list-tabs ul li a span {
         border-radius: 25%;
@@ -199 +203 @@
                 border-bottom: 1px solid #eaeaea;
         }
-}
-
-#buddypress #object-nav ul li:not(.selected) a {
-        opacity: 0.7;
 }
 
@@ -652 +652 @@
 }
 
+#buddypress #activity-stream li .activity-content .activity-header a {
+        color: #0075c4;
+}
+
 @media screen and (min-width: 46.25em) {
         #buddypress #activity-stream li .activity-avatar {
@@ -694 +698 @@
         background-color: #f7f7f7;
         border: 1px solid rgba(234, 234, 234, 0.6);
+        color: #727272;
         margin-top: 0;
         padding: 0 0.2em;
@@ -768 +773 @@
 #buddypress #activity-stream .activity-comments ul {
         background: rgba(247, 247, 247, 0.6);
+        color: #737373;
         margin: 15px 2px 0 0;
+}
+
+#buddypress #activity-stream .activity-comments ul a {
+        color: #0077c7;
+}
+
+#buddypress #activity-stream .activity-comments .acomment-meta {
+        color: #737373;
 }
 
@@ -1196 +1210 @@
 }
 
+.bp-user #buddypress table a {
+        color: #0074c2;
+}
+
 @media screen and (min-width: 61.5625em) {
         .bp-user #buddypress table th {
@@ -1694 +1712 @@
         border-color: rgba(212, 208, 186, 0.5);
         border-width: 1px;
+}
+
+#buddypress .standard-form select {
+        color: #737373;
 }
 

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

@@ -150 +150 @@
 }
 
+#buddypress div.item-list-tabs ul li a {
+        color: #0073c1;
+}
+
 #buddypress div.item-list-tabs ul li a span {
         border-radius: 25%;
@@ -199 +203 @@
                 border-bottom: 1px solid #eaeaea;
         }
-}
-
-#buddypress #object-nav ul li:not(.selected) a {
-        opacity: 0.7;
 }
 
@@ -652 +652 @@
 }
 
+#buddypress #activity-stream li .activity-content .activity-header a {
+        color: #0075c4;
+}
+
 @media screen and (min-width: 46.25em) {
         #buddypress #activity-stream li .activity-avatar {
@@ -694 +698 @@
         background-color: #f7f7f7;
         border: 1px solid rgba(234, 234, 234, 0.6);
+        color: #727272;
         margin-top: 0;
         padding: 0 0.2em;
@@ -768 +773 @@
 #buddypress #activity-stream .activity-comments ul {
         background: rgba(247, 247, 247, 0.6);
+        color: #737373;
         margin: 15px 0 0 2px;
+}
+
+#buddypress #activity-stream .activity-comments ul a {
+        color: #0077c7;
+}
+
+#buddypress #activity-stream .activity-comments .acomment-meta {
+        color: #737373;
 }
 
@@ -1196 +1210 @@
 }
 
+.bp-user #buddypress table a {
+        color: #0074c2;
+}
+
 @media screen and (min-width: 61.5625em) {
         .bp-user #buddypress table th {
@@ -1694 +1712 @@
         border-color: rgba(212, 208, 186, 0.5);
         border-width: 1px;
+}
+
+#buddypress .standard-form select {
+        color: #737373;
 }
 

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

@@ -364 +364 @@
                         li {
                                 a {
+                                        color: #0073c1;
+
                                         span {border-radius: 25%;}
                                 }
@@ -440 +442 @@
 
                         li:not(.selected) {
-                                a {opacity: 0.7;}
 
                                 @media screen and (max-width: 38.75em) {
@@ -979 +980 @@
                                 .activity-header {
                                         @include font-size(14);
+
+                                        a {
+                                                color: #0075c4;
+                                        }
                                 }
                         }
@@ -1032 +1037 @@
                                         background-color: $light-background;
                                         border: 1px solid rgba($border-light, 0.6);
+                                        color: #727272;
                                         margin-top: 0;
                                         padding: 0 0.2em;
@@ -1115 +1121 @@
                         ul {
                                 background: rgba($light-background, 0.6);
+                                color: #737373;
                                 margin: 15px 0 0 2px;
+
+                                a {
+                                        color: #0077c7;
+                                }
+                        }
+
+                        .acomment-meta {
+                                color: #737373;
                         }
 
@@ -1619 +1634 @@
                         th {@include font-size(14)}
                         td {@include font-size(12)}
+                        a { color: #0074c2; }
 
                         @include medium-up {
@@ -2181 +2197 @@
                 }
 
+                select {
+                        color: #737373;
+                }
+
         } // close .standard-form