Changeset 11133

Timestamp:

09/21/2016 08:57:10 AM (8 years ago)

Author:

mercime

Message:

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

See #7222.

Location:

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

Files:

• twentyfifteen-rtl.css (modified) (5 diffs)
• twentyfifteen.css (modified) (5 diffs)
• twentyfifteen.scss (modified) (5 diffs)

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

@@ -336 +336 @@
 }
 
+#buddypress .item-list a.activity-time-since {
+    color: #717171;
+}
+
 #buddypress ul.item-list li {
     overflow: hidden !important;
@@ -600 +604 @@
     background-color: #f7f7f7;
     border: 1px solid rgba(234, 234, 234, 0.6);
+    color: #717171;
     padding: 0 0.2em;
 }
@@ -674 +679 @@
 }
 
+#buddypress #activity-stream .activity-comments a {
+    color: #717171;
+}
+
 #buddypress #activity-stream .activity-comments.has-comments {
     border-right: 1px solid #eaeaea;
@@ -713 +722 @@
 #buddypress #activity-stream .activity-comments > ul .acomment-meta {
     border-bottom: 1px solid #eaeaea;
+    color: #737373;
     font-style: italic;
 }
@@ -1048 +1058 @@
 .groups.group-settings #group-settings-form div.radio ul,
 .groups.group-settings #create-group-form div.radio ul {
-    color: rgba(51, 51, 51, 0.6);
+    color: #767676;
     font-size: 14px;
     font-size: 1.4rem;

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

@@ -336 +336 @@
 }
 
+#buddypress .item-list a.activity-time-since {
+    color: #717171;
+}
+
 #buddypress ul.item-list li {
     overflow: hidden !important;
@@ -600 +604 @@
     background-color: #f7f7f7;
     border: 1px solid rgba(234, 234, 234, 0.6);
+    color: #717171;
     padding: 0 0.2em;
 }
@@ -674 +679 @@
 }
 
+#buddypress #activity-stream .activity-comments a {
+    color: #717171;
+}
+
 #buddypress #activity-stream .activity-comments.has-comments {
     border-left: 1px solid #eaeaea;
@@ -713 +722 @@
 #buddypress #activity-stream .activity-comments > ul .acomment-meta {
     border-bottom: 1px solid #eaeaea;
+    color: #737373;
     font-style: italic;
 }
@@ -1048 +1058 @@
 .groups.group-settings #group-settings-form div.radio ul,
 .groups.group-settings #create-group-form div.radio ul {
-    color: rgba(51, 51, 51, 0.6);
+    color: #767676;
     font-size: 14px;
     font-size: 1.4rem;

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

@@ -523 +523 @@
             @include default-font-sans();
         }
+
+        a.activity-time-since {
+            color: #717171;
+        }
     }
 }
@@ -824 +828 @@
                     background-color: $light-background;
                     border: 1px solid rgba($border-light, 0.6);
+                    color: #717171;
                     padding: 0 0.2em;
                 }
@@ -904 +909 @@
             margin: $spacing-val-sm 0 0;
 
+            a {
+                color: #717171;
+            }
+
             &.has-comments {
                 border-left: 1px solid $border-light;
@@ -937 +946 @@
                 }
 
-                .acomment-meta {border-bottom: 1px solid $border-light; font-style: italic;}
+                .acomment-meta {
+                    border-bottom: 1px solid $border-light;
+                    color: #737373;
+                    font-style: italic;
+                }
 
                 // Display the user avatar stacked up to 30em
@@ -1328 +1341 @@
 
             ul {
-                color: rgba($body-text, 0.6);
+                color: #767676;
                 @include font-size(14);
             }