From b921b9d993ab90edc20fb893676d5463a5123539 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Tue, 27 Feb 2024 15:39:01 +0100
Subject: [PATCH] Added standard scrollbar styling properties

---
 TangerineUI-cherry.css | 10 +++++++++-
 TangerineUI-purple.css | 10 +++++++++-
 TangerineUI.css        | 10 +++++++++-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 12cd7db..51aa6ca 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -401,7 +401,7 @@ body.app-body  {
 }
 :root:has(.app-body) *::-webkit-scrollbar-thumb {
     background-color: var(--color-accent);
-    border-radius: 50px;
+    border-radius: 8px;
     opacity: .4;
 }
 :root:has(.app-body) *::-webkit-scrollbar-track:hover {
@@ -416,6 +416,11 @@ body.app-body  {
         display: none;
     }
 }
+:root,
+* {
+    scrollbar-color: var(--color-accent) var(--color-bg);
+    scrollbar-width: thin;
+}
 
 .app-body {
     --dropdown-shadow:
@@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding: 6px;
     transition: all .3s;
 }
+.app-body .inline-follow-suggestions__body__scroll-button {
+    opacity: 1;
+}
 .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
     transform: scale(.9);
 }
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 1f39938..c9b8da0 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -401,7 +401,7 @@ body.app-body  {
 }
 :root:has(.app-body) *::-webkit-scrollbar-thumb {
     background-color: var(--color-accent);
-    border-radius: 50px;
+    border-radius: 8px;
     opacity: .4;
 }
 :root:has(.app-body) *::-webkit-scrollbar-track:hover {
@@ -416,6 +416,11 @@ body.app-body  {
         display: none;
     }
 }
+:root,
+* {
+    scrollbar-color: var(--color-accent) var(--color-bg);
+    scrollbar-width: thin;
+}
 
 .app-body {
     --dropdown-shadow:
@@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding: 6px;
     transition: all .3s;
 }
+.app-body .inline-follow-suggestions__body__scroll-button {
+    opacity: 1;
+}
 .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
     transform: scale(.9);
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index 9dbe113..41a7704 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -401,7 +401,7 @@ body.app-body  {
 }
 :root:has(.app-body) *::-webkit-scrollbar-thumb {
     background-color: var(--color-accent);
-    border-radius: 50px;
+    border-radius: 8px;
     opacity: .4;
 }
 :root:has(.app-body) *::-webkit-scrollbar-track:hover {
@@ -416,6 +416,11 @@ body.app-body  {
         display: none;
     }
 }
+:root,
+* {
+    scrollbar-color: var(--color-accent) var(--color-bg);
+    scrollbar-width: thin;
+}
 
 .app-body {
     --dropdown-shadow:
@@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding: 6px;
     transition: all .3s;
 }
+.app-body .inline-follow-suggestions__body__scroll-button {
+    opacity: 1;
+}
 .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
     transform: scale(.9);
 }