make highlight color a variable

f9be7a03 · Randall Leeds · 0daf8cb5 · f9be7a03 · f9be7a03
Commit f9be7a03 authored Apr 18, 2013 by Randall Leeds
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 4 deletions

base.scss h/css/base.scss +1 -0

inject.scss h/css/inject.scss +4 -4

No files found.
--- a/h/css/base.scss
+++ b/h/css/base.scss
@@ -71,6 +71,7 @@ $negative: #d11c2b;
 $neutral: #0171ba;

 //OTHER VARIABLES
+$highlightColor: rgba(201, 215, 241, .5);
 $thread-padding: 1em;
 $threadexp-width: 10px;
 $score-width: 40px;

--- a/h/css/inject.scss
+++ b/h/css/inject.scss
@@ -75,18 +75,18 @@
 }

 .annotator-hl-active, .annotator-hl-temporary {
-  background: #c9d7f1;
+  background: $highlightColor;
  color: black;
  &::-moz-selection {
-    background: #c9d7f1;
+    background: $highlightColor;
    color: black;
  }
  &::-moz-selection, &::-moz-window-inactive, &::window-inactive {
-    background: #c9d7f1;
+    background: $highlightColor;
    color: black;
  }
  &::selection, &::selection:window-inactive {
-    background: #c9d7f1;
+    background: $highlightColor;
    color: black;
  }
 }