styling and building out trimmer component

electron-ui/src/renderer/App.css

@@ -1,4 +1,3 @@
-
 @import "tailwindcss";
 @tailwind base;
 @tailwind components;
@@ -10,19 +9,25 @@
 
 @theme {
   --color-midnight: #1E1E1E;
-  --color-plum: #4f3186;
+  --color-plum: #6e44ba;
+  --color-plumDark: #4f3186;
   --color-offwhite: #d4d4d4;
 }
 
-button {
-  background-color: #4f3186;
-  padding: 10px 20px;
-  border-radius: 10px;
+::-webkit-scrollbar {
+    height: 12px;
+    width: 12px;
+    background: #1e1e1e;
 }
 
-button:hover {
-  transform: scale(1.05);
-  opacity: 1;
+::-webkit-scrollbar-thumb {
+    background: #303030;
+    -webkit-border-radius: 1ex;
+    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
+}
+
+::-webkit-scrollbar-corner {
+    background: #1e1e1e;
 }
 
 li {