Merge pull request #385 from xtine/377-color-ratio

Color contrast updates
18F · Jun 14, 2016 · edfd2d6 · edfd2d6
2 parents 7f6b12a + 277b760
commit edfd2d6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/notice_and_comment/static/regulations/css/less/comment-custom.less b/notice_and_comment/static/regulations/css/less/comment-custom.less
@@ -1,19 +1,3 @@
-.activate-write {
-  color: @link_blue_inactive;
-
-  &:hover {
-    color: @link_blue;
-  }
-}
-
-.activate-read {
-  background: @blue;
-  color: @white;
-
-  &:hover {
-    background-color: darken(@blue, 10%);
-  }
-}
 
 .comment-button,
 a.comment-index-review {
@@ -71,6 +55,11 @@ a.comment-index-review {
 }
 
 #preamble-read {
+
+  .activate-write a {
+    color: @write_link_inactive;
+  }
+
   .cfr-instructions {
     font-family: "Merriweather", Georgia, serif;
     font-weight: 400;
@@ -93,6 +82,8 @@ a.comment-index-review {
     }
 
     a.comment-context-toggle {
+      background-color: @light_gray;
+
       .comment-context-text {
         color: @link_blue;
       }

diff --git a/notice_and_comment/static/regulations/css/less/variables.less b/notice_and_comment/static/regulations/css/less/variables.less
@@ -19,6 +19,7 @@ variables.less contains all theme variable / variable overrides
 
 @link_blue: #0071BC;
 @link_blue_inactive: #9BDAF1;
+@write_link_inactive: #457D9A;
 
 @gray_blue: #5B616B;
 @navigation_gray: #676767;