From 38a6276dfac0492a3a9aabb86fed976cb904980c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Mon, 11 Dec 2023 01:04:17 +0100
Subject: [PATCH] Adjusted toggle color

---
 TangerineUI-cherry.css | 15 ++++-----------
 TangerineUI-purple.css | 15 ++++-----------
 TangerineUI.css        | 15 ++++-----------
 3 files changed, 12 insertions(+), 33 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index cfe8532..7e48432 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -2204,11 +2204,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 .app-body .column-header__collapsible {
-    border-bottom: 0;
-    box-shadow: 0 -20px 0 var(--color-bg);
     background-color: var(--color-secondary-bg);
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
+    border-bottom: 0;
 }
 .app-body .column-header__collapsible::-webkit-scrollbar-track {
     background-color: transparent;
@@ -3886,19 +3885,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-color: var(--color-accent-focus);
 }
 
-.app-body .setting-toggle__label {
-    vertical-align: top;
-}
 .app-body .react-toggle-track {
-    background-color: var(--color-accent-lines);
-    box-shadow:
-        0 0 0 20px var(--color-accent-lines) inset,
-        0 0 0 20px var(--color-accent-lines) inset,
-        0 0 0 1px var(--color-accent-lines) inset,
-        0 0 0 1px var(--color-accent-lines) inset
+    background-color: var(--color-fg-muted);
+    transition: all .2s;
 }
 .app-body .react-toggle-thumb {
     border: 0;
+    background-color: #ffffff;
 }
 .app-body .react-toggle.react-toggle--checked .react-toggle-track,
 .app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index aadab80..6228398 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2203,11 +2203,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 .app-body .column-header__collapsible {
-    border-bottom: 0;
-    box-shadow: 0 -20px 0 var(--color-bg);
     background-color: var(--color-secondary-bg);
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
+    border-bottom: 0;
 }
 .app-body .column-header__collapsible::-webkit-scrollbar-track {
     background-color: transparent;
@@ -3885,19 +3884,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-color: var(--color-accent-focus);
 }
 
-.app-body .setting-toggle__label {
-    vertical-align: top;
-}
 .app-body .react-toggle-track {
-    background-color: var(--color-accent-lines);
-    box-shadow:
-        0 0 0 20px var(--color-accent-lines) inset,
-        0 0 0 20px var(--color-accent-lines) inset,
-        0 0 0 1px var(--color-accent-lines) inset,
-        0 0 0 1px var(--color-accent-lines) inset
+    background-color: var(--color-fg-muted);
+    transition: all .2s;
 }
 .app-body .react-toggle-thumb {
     border: 0;
+    background-color: #ffffff;
 }
 .app-body .react-toggle.react-toggle--checked .react-toggle-track,
 .app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,
diff --git a/TangerineUI.css b/TangerineUI.css
index fcabdad..29e53d1 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2203,11 +2203,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 .app-body .column-header__collapsible {
-    border-bottom: 0;
-    box-shadow: 0 -20px 0 var(--color-bg);
     background-color: var(--color-secondary-bg);
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
+    border-bottom: 0;
 }
 .app-body .column-header__collapsible::-webkit-scrollbar-track {
     background-color: transparent;
@@ -3885,19 +3884,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-color: var(--color-accent-focus);
 }
 
-.app-body .setting-toggle__label {
-    vertical-align: top;
-}
 .app-body .react-toggle-track {
-    background-color: var(--color-accent-lines);
-    box-shadow:
-        0 0 0 20px var(--color-accent-lines) inset,
-        0 0 0 20px var(--color-accent-lines) inset,
-        0 0 0 1px var(--color-accent-lines) inset,
-        0 0 0 1px var(--color-accent-lines) inset
+    background-color: var(--color-fg-muted);
+    transition: all .2s;
 }
 .app-body .react-toggle-thumb {
     border: 0;
+    background-color: #ffffff;
 }
 .app-body .react-toggle.react-toggle--checked .react-toggle-track,
 .app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,