From 15f78f6be86b779068a362a6a1f1c5fb9d587599 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Fri, 1 Jul 2022 17:49:43 +0300
Subject: [PATCH] RED-4397: Dark theme highlights color

---
 .../search/search-screen/search-screen.component.scss       | 2 +-
 apps/red-ui/src/styles.scss                                 | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/red-ui/src/app/modules/search/search-screen/search-screen.component.scss b/apps/red-ui/src/app/modules/search/search-screen/search-screen.component.scss
index 25f846e32..7bf631ad2 100644
--- a/apps/red-ui/src/app/modules/search/search-screen/search-screen.component.scss
+++ b/apps/red-ui/src/app/modules/search/search-screen/search-screen.component.scss
@@ -4,6 +4,6 @@
     @include common-mixins.line-clamp(1);
 
     em {
-        background-color: #fffcc4;
+        background-color: var(--iqser-highlight-color);
     }
 }
diff --git a/apps/red-ui/src/styles.scss b/apps/red-ui/src/styles.scss
index 83465af66..0ae25fb87 100644
--- a/apps/red-ui/src/styles.scss
+++ b/apps/red-ui/src/styles.scss
@@ -43,7 +43,8 @@
     $iqser-annotation-comments-hover: vars.$grey-4,
     $iqser-workload-pages-bg: vars.$grey-8,
     $iqser-tab-hover: vars.$grey-6,
-    $iqser-loading-progress: vars.$grey-7
+    $iqser-loading-progress: vars.$grey-7,
+    $iqser-highlight-color: #fffcc4
 );
 
 $light-accent-5: lighten(vars.$accent, 5%);
@@ -92,5 +93,6 @@ $dark-accent-10: darken(vars.$accent, 10%);
     $iqser-annotation-comments-hover: $light-accent-5,
     $iqser-workload-pages-bg: $dark-accent-8,
     $iqser-tab-hover: vars.$accent,
-    $iqser-loading-progress: $light-accent-10
+    $iqser-loading-progress: $light-accent-10,
+    $iqser-highlight-color: #905854
 );