feat(doc): Updated text selection color (#1245)

box · Aug 29, 2020 · 6ab482e · 6ab482e
1 parent 709fa66
commit 6ab482e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 21 deletions.
diff --git a/src/lib/viewers/doc/DocFindBar.scss b/src/lib/viewers/doc/DocFindBar.scss
@@ -1,7 +1,3 @@
-$medium-aquamarine: #5aeda8 !default;
-$moon-yellow: #ffba1a !default;
-$blue: #00f !default;
-
 .bp-find-bar {
     $bdlGray10: #e8e8e8;
 
@@ -121,20 +117,3 @@ $blue: #00f !default;
         display: flex;
     }
 }
-
-.textLayer {
-    opacity: 1;
-
-    .highlight {
-        background-color: fade-out($moon-yellow, .5);
-        border-radius: 0;
-
-        &.selected {
-            background-color: fade-out($medium-aquamarine, .5);
-        }
-    }
-
-    ::selection {
-        background-color: fade-out($blue, .8);
-    }
-}
diff --git a/src/lib/viewers/doc/_docBase.scss b/src/lib/viewers/doc/_docBase.scss
@@ -1,5 +1,7 @@
 @import '../../boxuiVariables';
 
+$pdfjs-highlight: #b400aa !default;
+$pdfjs-highlight-selected: #006400 !default;
 $thumbnail-border-radius: 3px;
 // Accounts for the 1px border on the right so the remaining width is actually 225
 $thumbnail-sidebar-width: 226px;
@@ -252,6 +254,7 @@ $thumbnail-sidebar-width: 226px;
     .textLayer {
         top: 15px; // Match 15px padding top on page
         bottom: auto;
+        opacity: 1;
 
         // Only allow text divs to be selected
         > div {
@@ -260,6 +263,15 @@ $thumbnail-sidebar-width: 226px;
 
         .highlight {
             display: inline-block;
+            background-color: fade-out($pdfjs-highlight, .8);
+
+            &.selected {
+                background-color: fade-out($pdfjs-highlight-selected, .8);
+            }
+        }
+
+        ::selection {
+            background-color: fade-out($box-blue, .9);
         }
     }