From e024deac54d352889adbf197395fc1e61a417e0f Mon Sep 17 00:00:00 2001
From: Nikita Krupin <krupin.nikita0110@gmail.com>
Date: Tue, 16 Aug 2022 01:53:14 -0400
Subject: [PATCH] Revert "scrollbar ting"

This reverts commit e30d596dd407fba43e9688718648a7ccb5ccb0a7.
---
 .../molecules/ContributorHost.svelte          |  1 +
 src/routes/__layout.svelte                    | 43 +++++++++----------
 2 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte
index ce4da9c..319dd29 100644
--- a/src/lib/components/molecules/ContributorHost.svelte
+++ b/src/lib/components/molecules/ContributorHost.svelte
@@ -10,6 +10,7 @@
 </div>
 
 <style>
+
     .social-host {
         gap: 2rem;
         width: 100;
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 1a277df..69c5635 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,9 +1,11 @@
 <script>
-	import Button from '$lib/components/atoms/Button.svelte';
-	import NavHost from '$lib/components/molecules/NavHost.svelte';
-	import SocialButton from '$lib/components/atoms/SocialButton.svelte';
-	import SocialHost from '$lib/components/molecules/SocialHost.svelte';
-	import Wave from '$lib/components/atoms/Wave.svelte';
+
+import Button from "$lib/components/atoms/Button.svelte";
+import NavHost from "$lib/components/molecules/NavHost.svelte";
+import SocialButton from "$lib/components/atoms/SocialButton.svelte";
+import SocialHost from "$lib/components/molecules/SocialHost.svelte";
+import Wave from '$lib/components/atoms/Wave.svelte';
+
 </script>
 
 <svelte:head>
@@ -16,19 +18,16 @@
 		href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap"
 		rel="stylesheet"
 	/>
-	<meta name="og:title" content="ReVanced" />
-	<meta name="og:image" itemprop="image" content="/embed.png" />
-	<meta
-		property="og:description"
-		content="An extensible framework for building application mods."
-	/>
-	<meta name="twitter:image" itemprop="image" content="/embed.png" />
-	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="theme-color" content="#0f111a" />
+	<meta name="og:title" content="ReVanced"/>
+	<meta name="og:image" itemprop="image" content="/embed.png">
+	<meta property="og:description" content="An extensible framework for building application mods.">
+	<meta name="twitter:image" itemprop="image" content="/embed.png">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="theme-color" content="#0f111a">
 	<title>ReVanced</title>
 </svelte:head>
 
-<NavHost />
+<NavHost></NavHost>
 <slot />
 <Wave />
 
@@ -67,8 +66,8 @@
 		--grey-one: #1c1e29;
 		--grey-two: #2b2d3a;
 		--grey-three: #3e404f;
-		--grey-four: #1b1e29;
-		--grey-five: #d0d0d0;
+		--grey-four: #1B1E29;
+		--grey-five: #D0D0D0;
 		--grey-six: #a19e9e;
 		--grey-seven: #535563;
 		--bezier-one: cubic-bezier(0.25, 0.46, 0.45, 0.94)
@@ -113,16 +112,14 @@
 	/*-----scrollbar-----*/
 
 	:global(::-webkit-scrollbar) {
-		width: 16px;
+		width: 20px;
 		background-color: transparent;
 	}
 
 	:global(::-webkit-scrollbar-thumb) {
-		background-color: var(--grey-two); /* color of the scroll thumb */
-		border-radius: 1rem 0 0 1rem; /* roundness of the scroll thumb */
-		border-bottom: 0.25rem solid transparent; /* creates padding around scroll thumb */
-		border-left: 0.25rem solid transparent; /* creates padding around scroll thumb */
-		border-top: 0.25rem solid transparent; /* creates padding around scroll thumb */
+		background-color: var(--grey-three);
+		border-radius: 20px;
+		border: 6px solid transparent;
 		background-clip: content-box;
 	}