better dark keyboard button

spessasus · Sep 26, 2023 · c67327f · c67327f
1 parent c133572
commit c67327f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git 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
@@ -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);