From 79c454021406642767139201a81af5bf10fa1248 Mon Sep 17 00:00:00 2001
From: Sean King <seanking2919@protonmail.com>
Date: Wed, 9 Sep 2020 16:47:53 -0600
Subject: [PATCH] Fix CSS for icon picker in dark theme

---
 app/styles/forms.scss | 50 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/app/styles/forms.scss b/app/styles/forms.scss
index 357b8f745..9264bc856 100644
--- a/app/styles/forms.scss
+++ b/app/styles/forms.scss
@@ -492,6 +492,24 @@ code {
 
         &__icon {
           margin: 3.5px 0 3.5px 10px;
+          color: var(--primary-text-color);
+        }
+
+        &--default {
+          .rfipbtn__icon {
+            border-color: var(--primary-text-color);
+          }
+
+          .rfipbtn__del {
+            background-color: var(--primary-text-color--faint);
+            color: var(--foreground-color);
+          }
+
+          .rfipbtn__button {
+            border-left: 1px solid var(--highlight-text-color);
+            background-color: var(--foreground-color);
+            color: var(--primary-text-color);
+          }
         }
 
         &__icon--empty {
@@ -516,6 +534,38 @@ code {
           border-bottom-right-radius: inherit;
         }
       }
+
+      .rfipdropdown {
+        &--default {
+          background-color: var(--background-color);
+          border: none;
+          color: var(--primary-text-color);
+
+          input,
+          select {
+            color: var(--primary-text-color);
+            background-color: var(--foreground-color);
+          }
+
+          .rfipsearch input:focus,
+          .rfipsearch input:active {
+            box-shadow: none;
+          }
+
+          .rfipicons__ibox,
+          .rfipicons__left,
+          .rfipicons__right {
+            border: none;
+            background-color: var(--foreground-color);
+            color: var(--primary-text-color);
+          }
+
+          .rfipicons__cp,
+          .rfipcategory select {
+            border-bottom: 1px solid var(--highlight-text-color);
+          }
+        }
+      }
     }
 
     &__wrapper {