From 0b2d2fad0d356f8746149a3b32fc429e53982914 Mon Sep 17 00:00:00 2001
From: nileane <nileane@users.noreply.github.com>
Date: Mon, 11 Dec 2023 00:12:12 +0000
Subject: [PATCH] Copy CSS files to installation folder

---
 .../tangerineui-cherry/tangerineui-cherry.scss    | 15 ++++-----------
 .../tangerineui-purple/tangerineui-purple.scss    | 15 ++++-----------
 .../styles/tangerineui/tangerineui.scss           | 15 ++++-----------
 3 files changed, 12 insertions(+), 33 deletions(-)

diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index cfe8532..7e48432 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -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/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index aadab80..6228398 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -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/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index fcabdad..29e53d1 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -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,