From d66d229d157a607e12b8705dddc4c03e8bf9d487 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 16 Apr 2021 18:36:54 +0200
Subject: [PATCH] Color ButtonDropdown background in var(--bg-color) regardless
 of theme

---
 ts/editor-toolbar/ButtonDropdown.svelte | 10 ++--------
 ts/editor-toolbar/DropdownItem.svelte   | 13 +++++++++----
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/ts/editor-toolbar/ButtonDropdown.svelte b/ts/editor-toolbar/ButtonDropdown.svelte
index 1cf83c43b..9d96d8654 100644
--- a/ts/editor-toolbar/ButtonDropdown.svelte
+++ b/ts/editor-toolbar/ButtonDropdown.svelte
@@ -3,8 +3,6 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="typescript">
-    import { getContext } from "svelte";
-    import { nightModeKey } from "./contextKeys";
     import type { ToolbarItem } from "./types";
     import ButtonGroup from "./ButtonGroup.svelte";
 
@@ -12,18 +10,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     export let className = "";
 
     function extendClassName(className: string): string {
-        return `dropdown-menu py-1 mb-0 ${
-            nightMode ? "btn-dropdown-menu--night-mode " : ""
-        }${className}`;
+        return `dropdown-menu btn-dropdown-menu py-1 mb-0 ${className}`;
     }
 
     export let buttons: ToolbarItem[];
-
-    const nightMode = getContext(nightModeKey);
 </script>
 
 <style>
-    :global(.btn-dropdown-menu--night-mode) {
+    :global(.btn-dropdown-menu) {
         background-color: var(--window-bg);
         border-color: var(--medium-border);
     }
diff --git a/ts/editor-toolbar/DropdownItem.svelte b/ts/editor-toolbar/DropdownItem.svelte
index 0d5baaa8b..21cce2d19 100644
--- a/ts/editor-toolbar/DropdownItem.svelte
+++ b/ts/editor-toolbar/DropdownItem.svelte
@@ -23,6 +23,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     button {
         display: flex;
         justify-content: space-between;
+    }
+
+    .btn-day {
+        color: black;
 
         &:active {
             background-color: button.$focus-color;
@@ -30,10 +34,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         }
     }
 
-    .btn-day {
-        color: black;
-    }
-
     .btn-night {
         color: white;
 
@@ -41,6 +41,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         &:focus {
             @include button.btn-night-base;
         }
+
+        &:active {
+            background-color: button.$focus-color;
+            color: white;
+        }
     }
 
     span {