From 4560419ddcd11e1f2971a0572c4adf030ff91fe0 Mon Sep 17 00:00:00 2001
From: CSab6482 <csab6482@gmail.com>
Date: Tue, 29 Jun 2021 02:48:36 -0400
Subject: [PATCH] Made the `To` text in the transcript toolbar and the
 background color of the acknowledgment menu more dark mode friendly

---
 src/styles/_colors.scss                         | 8 ++++++++
 src/styles/ack-picker/AcknowledgmentPicker.scss | 4 ++--
 src/styles/toolbar/_transcript-toolbar.scss     | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/styles/_colors.scss b/src/styles/_colors.scss
index 397b767..9aba8ce 100644
--- a/src/styles/_colors.scss
+++ b/src/styles/_colors.scss
@@ -93,6 +93,14 @@ $colors: (
         light: rgba(0, 0, 0, 0.1),
         dark: rgba(255, 255, 255, 0.1)
     ),
+    tapback-background: (
+        light: rgba(255, 255, 255, 1),
+        dark: rgba(32, 33, 36, 1)
+    ),
+    to-text: (
+        light: rgba(0, 0, 0, 0.6),
+        dark: rgba(157, 157, 157, 1)
+    ),
     lp-bottom-caption: rgb(142, 142, 145)
 );
 
diff --git a/src/styles/ack-picker/AcknowledgmentPicker.scss b/src/styles/ack-picker/AcknowledgmentPicker.scss
index a946c69..ef91d92 100644
--- a/src/styles/ack-picker/AcknowledgmentPicker.scss
+++ b/src/styles/ack-picker/AcknowledgmentPicker.scss
@@ -13,7 +13,7 @@
     width: 200px;
     column-gap: 5px;
 
-    background: white;
+    background: var(--tapback-background);
 
     border-radius: 25px;
 
@@ -39,7 +39,7 @@
         }
 
         &::before {
-            background-color: white;
+            background-color: var(--tapback-background);
         }
 
         &[attr-selected=true] {
diff --git a/src/styles/toolbar/_transcript-toolbar.scss b/src/styles/toolbar/_transcript-toolbar.scss
index c97cf47..c4ec927 100644
--- a/src/styles/toolbar/_transcript-toolbar.scss
+++ b/src/styles/toolbar/_transcript-toolbar.scss
@@ -13,7 +13,7 @@
 
         &::before {
             content: 'To: ';
-            color: rgba(0, 0, 0, 0.6);
+            color: var(--to-text);
         }
     }