From b12a054e6ce84893526e853ba09a6a2a65ed4554 Mon Sep 17 00:00:00 2001
From: okarin001 <riasat.sheikh@icloud.com>
Date: Sun, 23 May 2021 11:53:29 +0530
Subject: [PATCH] Fixes

Fixed the background color mismatch in help menu and settings area
---
 Onepunch/color.ini |  2 ++
 Onepunch/user.css  | 27 ++++++++++++++++++++-------
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/Onepunch/color.ini b/Onepunch/color.ini
index 53a4343..192b976 100644
--- a/Onepunch/color.ini
+++ b/Onepunch/color.ini
@@ -14,6 +14,7 @@ selected-row       = d3869b
 button             = 8ec07c
 button-active      = 8ec07c
 button-disabled    = 665c54
+button-knob        = fe8019
 tab-active         = b8bb26
 notification       = b8bb26
 notification-error = e22134
@@ -35,6 +36,7 @@ selected-row       = 8f3f71
 button             = 427b58
 button-active      = 427b58
 button-disabled    = bdae93
+button-knob        = af3a03
 tab-active         = 79740e
 notification       = 79740e
 notification-error = e22134
diff --git a/Onepunch/user.css b/Onepunch/user.css
index 5baca33..7bf69a7 100644
--- a/Onepunch/user.css
+++ b/Onepunch/user.css
@@ -198,16 +198,25 @@ span.artist-artistVerifiedBadge-badge svg:nth-child(1) {
 
 /* setting menu */
 
-input:checked~.x-533-toggle-indicatorWrapper {
-  background-color: rgba(var(--spice-rgb-button), .4) !important;
+.main-dropDown-dropDown {
+  background-color: var(--spice-button-disabled) !important;
+  color: var(--spice-text) !important;
 }
 
-input:checked~.x-533-toggle-indicatorWrapper .x-533-toggle-indicator {
-  background-color: var(--spice-button) !important;
+.x-settings-title {
+  color: var(--spice-tab-active) !important;
 }
 
-.x-533-toggle-indicator {
-  background: var(--spice-button) !important;
+input:checked~.x-toggle-indicatorWrapper .x-toggle-indicator {
+  background-color: var(--spice-button-knob) !important;
+}
+
+.x-toggle-indicator {
+  background: var(--spice-button-knob) !important;
+}
+
+input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
+  background-color: rgba(var(--spice-rgb-button), .5) !important;
 }
 
 
@@ -273,6 +282,10 @@ input {
   background-color: var(--spice-sec-card) !important;
 }
 
+.main-keyboardShortcutsHelpModal-container {
+  background-color: var(--spice-main) !important;
+  color: var(--spice-text) !important;
+}
 
 /* mini player edits */
 
@@ -309,7 +322,7 @@ input {
 
 i am unable to remove the small album cover when we expand the 
 album art. So for now i am disabling these edits. If anyone wants
-to contribute feel free to create a pull request on my repo.
+to contribute to this feel free to add.
 
 */