From 6ab482eb0a55f3ee967ae730f706dd26618671fe Mon Sep 17 00:00:00 2001
From: Conrad Chan <conradchan@box.com>
Date: Fri, 28 Aug 2020 17:01:23 -0700
Subject: [PATCH] feat(doc): Updated text selection color (#1245)

---
 src/lib/viewers/doc/DocFindBar.scss | 21 ---------------------
 src/lib/viewers/doc/_docBase.scss   | 12 ++++++++++++
 2 files changed, 12 insertions(+), 21 deletions(-)

diff --git a/src/lib/viewers/doc/DocFindBar.scss b/src/lib/viewers/doc/DocFindBar.scss
index 645236891..e37c2059a 100644
--- 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
index 52f0096a4..aa3914187 100644
--- 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);
         }
     }