Changeset 11134 for trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

Timestamp:

09/21/2016 08:58:05 AM (8 years ago)

Author:

mercime

Message:

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

See #7222.

File:

• trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss (modified) (10 diffs)

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

@@ -127 +127 @@
 $dark-back-text-color:   #fff;
 $light-background:       #f7f7f7;
-$medium-background:      #999;
+$medium-background:      #949494;
 $dark-background:        #000;
 $border-color:           #000; // border color can be varied using rgba
@@ -287 +287 @@
                 }
             }
+
+            a {
+                color: #1b6e08;
+            }
         }
     }
@@ -331 +335 @@
         ul {
             border-bottom: 0;
+        }
+
+        a {
+            color: #1b6e08;
         }
 
@@ -418 +426 @@
                     &:focus,
                     &:hover {
-                        background: $nav-background-border;
+                        background: lighten($nav-background-border, 20%);
                     }
 
@@ -447 +455 @@
                 li:focus,
                 li:hover {
-                    background: $nav-background-border;
+                    background: lighten($nav-background-border, 20%);
                 }
 
@@ -838 +846 @@
             }
 
+            a {
+                color: #1b6e08;
+            }
+
             ul {
                 background: rgba($light-background, 0.6);
@@ -846 +858 @@
                 border-left: 1px solid $border-light;
                 padding-left: 2%;
+            }
+
+            .acomment-meta {
+                color: #737373;
             }
 
@@ -1137 +1153 @@
 
         ul {
-            color: lighten($body-text, 30%);
+            color: lighten($body-text, 25%);
         }
     }
@@ -1163 +1179 @@
                     clear: none;
                     float: left;
-                    > a {border-bottom: 0;}
+
+                    > a {
+                        border-bottom: 0;
+                        color: #22830c;
+                    }
                 }
 
@@ -1849 +1869 @@
     table {
         border-color: $border-med;
+
+        .alt a {
+            color: #22820c;
+        }
     }
 }