From d875a949961254320f86750e434b5649582160fc Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 17 Nov 2020 15:44:16 +0300
Subject: [PATCH] Rewriting AnsiUp colors for search overlay

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/dock/pod-logs.scss | 42 +++++++---------------
 1 file changed, 13 insertions(+), 29 deletions(-)

diff --git a/src/renderer/components/dock/pod-logs.scss b/src/renderer/components/dock/pod-logs.scss
index 9deea461eb..c90adf7ddf 100644
--- a/src/renderer/components/dock/pod-logs.scss
+++ b/src/renderer/components/dock/pod-logs.scss
@@ -1,4 +1,7 @@
 .PodLogs {
+  --overlay-bg: #8cc474b8;
+  --overlay-active-bg: orange;
+
   .logs {
     @include custom-scrollbar;
 
@@ -11,14 +14,6 @@
     background: $logsBackground;
     flex-grow: 1;
 
-    .find-overlay {
-      position: absolute;
-      border-radius: 2px;
-      background-color: #8cc474;
-      margin-top: 4px;
-      opacity: 0.5;
-    }
-
     .VirtualList {
       height: 100%;
 
@@ -40,11 +35,19 @@
 
           span.overlay {
             border-radius: 2px;
-            background-color: #8cc474b8;
             -webkit-font-smoothing: auto;
+            background-color: var(--overlay-bg);
+
+            span {
+              background-color: var(--overlay-bg)!important; // Rewriting inline styles from AnsiUp library
+            }
 
             &.active {
-              background-color: orange;
+              background-color: var(--overlay-active-bg);
+
+              span {
+                background-color: var(--overlay-active-bg)!important; // Rewriting inline styles from AnsiUp library
+              }
             }
           }
         }
@@ -52,25 +55,6 @@
     }
   }
 
-  .new-logs-sep {
-    position: relative;
-    display: block;
-    height: 0;
-    border-top: 1px solid $primary;
-    margin: $margin * 2 0;
-
-    &:after {
-      position: absolute;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      content: 'new';
-      background: $primary;
-      color: white;
-      padding: $padding / 3;
-      border-radius: $radius;
-    }
-  }
-
   .jump-to-bottom {
     position: absolute;
     right: 30px;