From 47f3109957739b3c57d8ef038c03b99837b914c9 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Thu, 10 Feb 2022 12:52:28 +0100
Subject: [PATCH] Dracula: Set colors for unread messages indicator and
 nickname autocomplete

---
 src/shared/autocomplete/styles/_autocomplete.scss | 7 +++----
 src/shared/styles/themes/dracula.scss             | 4 +++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/shared/autocomplete/styles/_autocomplete.scss b/src/shared/autocomplete/styles/_autocomplete.scss
index 93ee2568a..eb4612c89 100644
--- a/src/shared/autocomplete/styles/_autocomplete.scss
+++ b/src/shared/autocomplete/styles/_autocomplete.scss
@@ -31,7 +31,7 @@
                 left: 1em;
                 width: 0; height: 0;
                 padding: .4em;
-                background: white;
+                background: var(--background);
                 border: inherit;
                 border-right: 0;
                 border-bottom: 0;
@@ -54,8 +54,7 @@
             z-index: 2;
 
             > li {
-                background: hsla(0,0%,100%,.9);
-                background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.9));
+                background: var(--background);
                 color: var(--text-color);
                 cursor: pointer;
                 display: flex;
@@ -82,7 +81,7 @@
                 width: 0;
                 height: 0;
                 padding: 0.4em;
-                background: white;
+                background: var(--background);
                 border: inherit;
                 border-left: 0;
                 border-top: 0;
diff --git a/src/shared/styles/themes/dracula.scss b/src/shared/styles/themes/dracula.scss
index 9c00b8069..12e3ad546 100644
--- a/src/shared/styles/themes/dracula.scss
+++ b/src/shared/styles/themes/dracula.scss
@@ -30,6 +30,8 @@
 
     --redder-orange: var(--muc-color);
 
+    --light-background-color: var(--background);
+
     --chat-background-color: var(--background);
     --chat-content-background-color: var(--background);
     --chat-textarea-background-color: var(--background);
@@ -92,7 +94,7 @@
 
     --completion-light-color: var(--pink);
     --completion-normal-color: var(--red);
-    --completion-dark-color: var(--purple);
+    --completion-dark-color: var(--current-line);
 
     --button-text-color: var(--background);
     --button-hover-text-color: var(--background);