diff --git a/src/renderer/themes.css b/src/renderer/themes.css
index df2320d9..60e1c87a 100644
--- a/src/renderer/themes.css
+++ b/src/renderer/themes.css
@@ -10,6 +10,8 @@
   --link-visited-color: var(--accent-color-visited);
   --card-bg-color: #FFFFFF;
   --secondary-card-bg-color: #eeeeee;
+  --scrollbar-color: #CCCCCC;
+  --scrollbar-color-hover: #BDBDBD;
   --side-nav-color: #FFFFFF;
   --side-nav-hover-color: #e0e0e0;
   --side-nav-active-color: #757575;
@@ -32,6 +34,8 @@
   --link-visited-color: var(--accent-color-visited);
   --card-bg-color: #303030;
   --secondary-card-bg-color: rgba(0, 0, 0, 0.75);
+  --scrollbar-color: #414141;
+  --scrollbar-color-hover: #757575;
   --side-nav-color: #262626;
   --side-nav-hover-color: #212121;
   --side-nav-active-color: #303030;
@@ -53,12 +57,14 @@
     --link-visited-color: var(--accent-color-visited);
     --card-bg-color: #000000;
     --secondary-card-bg-color: rgba(0, 0, 0, 0.75);
+    --scrollbar-color: #515151;
+    --scrollbar-color-hover: #424242;
     --side-nav-color: #000000;
     --side-nav-hover-color: #212121;
     --side-nav-active-color: #303030;
     --search-bar-color: #262626;
     --instance-menu-color: var(--search-bar-color);
-	--logo-icon: url("~../../_icons/iconColorSmall.png");
+	  --logo-icon: url("~../../_icons/iconColorSmall.png");
    	--logo-text: url("~../../_icons/textColorSmall.png");
 }
 
@@ -442,9 +448,24 @@ body {
   color: var(--primary-text-color);
   background-color: var(--bg-color);
 }
+
 a:link {
     color: var(--link-color);
 }
+
 a:visited {
     color: var(--link-visited-color);
 }
+
+::-webkit-scrollbar {
+	width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-color);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-color-hover);
+}