From b0714f209c7b1ecbc7a617e16c215c971a7fe0bd Mon Sep 17 00:00:00 2001
From: KingRainbow44 <kobedo11@gmail.com>
Date: Fri, 26 May 2023 13:49:10 -0400
Subject: [PATCH] Fix the 'finer details' with the handbook UI

---
 src/handbook/src/css/App.scss                   | 3 ++-
 src/handbook/src/css/widgets/HomeButton.scss    | 5 +++--
 src/handbook/src/css/widgets/SideBarButton.scss | 3 ++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/handbook/src/css/App.scss b/src/handbook/src/css/App.scss
index 9c73fbda0..1c0c682a9 100644
--- a/src/handbook/src/css/App.scss
+++ b/src/handbook/src/css/App.scss
@@ -11,6 +11,7 @@ html {
     --background-color: #25294a;
     --primary-color: #2d325a;
     --secondary-color: #202442;
+    --accent-color: #4b5396;
 
     --text-primary-color: #FFFFFF;
     --unselected-color: #c7c8d0;
@@ -82,6 +83,6 @@ button {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #4b5396;
+    background: var(--accent-color);
     border-radius: 10px;
 }
diff --git a/src/handbook/src/css/widgets/HomeButton.scss b/src/handbook/src/css/widgets/HomeButton.scss
index e7b9fd4d1..af71886f4 100644
--- a/src/handbook/src/css/widgets/HomeButton.scss
+++ b/src/handbook/src/css/widgets/HomeButton.scss
@@ -17,10 +17,11 @@
 
     &:hover {
         cursor: pointer;
-        transition: 0.1s ease-in-out all;
-        box-shadow: 0 0 10px 5px var(--primary-color);
+        box-shadow: 0 0 10px 5px var(--accent-color);
         scale: 1.01;
     }
+
+    transition: 0.1s ease-in-out all;
 }
 
 .HomeButton:hover {
diff --git a/src/handbook/src/css/widgets/SideBarButton.scss b/src/handbook/src/css/widgets/SideBarButton.scss
index ef13c3cb3..318f2e1df 100644
--- a/src/handbook/src/css/widgets/SideBarButton.scss
+++ b/src/handbook/src/css/widgets/SideBarButton.scss
@@ -11,9 +11,10 @@
 
     &:hover {
         cursor: pointer;
-        transition: 0.1s ease-in-out all;
         backdrop-filter: brightness(0.9);
     }
+
+    transition: 0.2s ease-in-out all;
 }
 
 .SideBarButton_Icon {