From 4510e8e14700aa2d424874790f62817c1d94fb42 Mon Sep 17 00:00:00 2001
From: WubzyGD <wubzygd@gmail.com>
Date: Fri, 17 Dec 2021 13:05:48 -0700
Subject: [PATCH] custom scrollbar finally

---
 styles/styles.css | 24 ++++++++++++++++++++++--
 styles/toast.css  |  2 +-
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/styles/styles.css b/styles/styles.css
index 3532bc9..8e3d08a 100755
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -10,6 +10,8 @@ body {
     background-attachment: fixed;
     color: #d3d3d3;
     font-family: 'Montserrat', sans-serif;
+    overflow-y: overlay;
+    width: calc(100vw) - 10px;
 }
 
 .rise {
@@ -31,7 +33,7 @@ body {
     font-family: 'Nunito', sans-serif;
     margin: 0 0;
     z-index: 1;
-    animation:  shine 5s linear infinite;
+    animation: shine 5s linear infinite;
     background: linear-gradient(to right, #5d60ca 20%, #171717 35%, #171717 35%, #5d60ca 50%, #5d60ca 50%, #af2188 75%, #5d60ca 90%);
     background-size: 200% auto;
     color: #5d60ca;
@@ -57,4 +59,22 @@ body {
     -webkit-app-region: drag;
 }
 
-.nosel {-webkit-user-select: none;}
\ No newline at end of file
+.nosel {-webkit-user-select: none;}
+
+
+::-webkit-scrollbar-track {
+  background-color: #00000000;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar {
+  width: 10px;
+  background-color: #00000000;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-image: linear-gradient(to bottom, #af2188c5 0%, #af2188c5 10%, #fa59cfc5 75%, #fa59cfc5 100%);
+}
+
+::-webkit-scrollbar-thumb:hover {background-image: linear-gradient(to bottom, #af2188ff 0%, #af2188ff 10%, #fa59cfff 75%, #fa59cfff 100%);}
\ No newline at end of file
diff --git a/styles/toast.css b/styles/toast.css
index 3bf1831..16500d4 100755
--- a/styles/toast.css
+++ b/styles/toast.css
@@ -22,7 +22,7 @@
 #toast-container {
     position: fixed;
     top: 34px;
-    right: 10px;
+    right: 15px;
     display: flex;
     flex-direction: column-reverse;
     align-items: flex-end;