From c67327f323178f4fbf32ee46438c9b665805eac8 Mon Sep 17 00:00:00 2001
From: spessasus <95608008+spessasus@users.noreply.github.com>
Date: Tue, 26 Sep 2023 17:45:32 +0200
Subject: [PATCH] better dark keyboard button

---
 src/website/css/keyboard_ui.css | 12 ++----------
 src/website/ui/midi_keyboard.js |  2 +-
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/website/css/keyboard_ui.css b/src/website/css/keyboard_ui.css
index f99e1506..0ad9b398 100644
--- a/src/website/css/keyboard_ui.css
+++ b/src/website/css/keyboard_ui.css
@@ -21,21 +21,13 @@
 
 .kebui_button
 {
-    background: #000;
-    border: 1px #333 solid;
-    min-height: 2em;
-    border-radius: 5px;
-    font-size: 16px;
-    display: block;
-    white-space: nowrap;
-    color: var(--font-color);
+    font-size: 20px;
+    background: var(--top-color);
     margin: auto;
 }
 
 .kebui_button:hover
 {
     cursor: pointer;
-    background: #111;
-    color: #fff;
     text-shadow: 0 0 5px white;
 }
diff --git a/src/website/ui/midi_keyboard.js b/src/website/ui/midi_keyboard.js
index 5d52de24..ad13e8a7 100644
--- a/src/website/ui/midi_keyboard.js
+++ b/src/website/ui/midi_keyboard.js
@@ -149,7 +149,7 @@ export class MidiKeyboard
 
         this.selectorMenu = document.getElementById("keyboard_selector");
         // dark mode toggle
-        const modeToggler = document.createElement("button");
+        const modeToggler = document.createElement("div");
         modeToggler.innerText = "Toggle Dark Keyboard";
         modeToggler.classList.add("kebui_button");
         modeToggler.onclick = this.toggleMode.bind(this);