Edit style a bit

style.css

@@ -5,7 +5,7 @@
 
 :root {
     --background: black;
-    --background-other: #1c1c1c;
+    --background-other: rgba(255,255,255,0.15);
     --backdrop: rgba(0, 0, 0, 0.7);
     --foreground: white;
     --highlight: #9BB2CE;
@@ -75,7 +75,7 @@ body {
     top: 0;
     left: 0;
     background-color: var(--backdrop);
-    padding-right: calc(var(--gap) * 6);
+    /*padding-right: calc(var(--gap) * 6);*/
 }
 #playlist-button, #title, #playlist-title {
     padding: calc(var(--gap) * 4);
@@ -102,14 +102,15 @@ body {
     margin-bottom: var(--controls-fullheight);
 }
 .playlist-item a {
-    background: var(--background);
-    margin: var(--gap);
-    padding: var(--gap);
-    padding-right: calc(var(--gap) * 10);
-    border: var(--gap) solid var(--fade);
+    /*background: var(--background);*/
+    /*margin: var(--gap);*/
+    padding: calc(var(--gap)*3);
+    /*padding-right: calc(var(--gap) * 10);*/
+    /*border: var(--gap) solid var(--fade);*/
     color: var(--foreground);
     display: flex;
     align-items: center;
+    text-decoration: none;
 }
 .playlist-item img {
     width: 150px;
@@ -123,7 +124,7 @@ body {
 }
 .current a {
     background-color: var(--background-other);
-    color: var(--fade-other);
+    /*color: var(--fade-other);*/
 }
 
 /** control box **/
@@ -407,8 +408,10 @@ svg:focus,
 }
 
 .playlist-item a:hover {
-    border-color: var(--highlight);
-    color: var(--highlight);
+    /*border-color: var(--highlight);*/
+    background-color: rgba(255,255,255,0.2);
+    /*color: var(--highlight);*/
+    color: inherit;
 }
 .playlist-item a:hover img {
     border-color: var(--highlight);
@@ -445,3 +448,26 @@ svg:focus,
 #volume {
     transition: width 0.5s, visibility 0.5s;
 }
+
+::-webkit-scrollbar {
+    width: 10px;
+    background-color: #424242
+}
+
+::-webkit-scrollbar {
+    width: 15px;
+}
+
+::-webkit-scrollbar-track {
+    background-color: #424242
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #8e8e8e;
+    border: 1px solid #424242;
+    border-radius: 5px
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+}