Restyle fake UI and inputs, hide scrollbars

frontend/src/assets/neon.css

@@ -24,6 +24,12 @@
 
 * {
     box-sizing: border-box;
+    scrollbar-width: none;
+}
+
+*::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
 
 body {

frontend/src/components/Navbar.vue

@@ -168,6 +168,7 @@
 
 	nav {
 		overflow-x: auto;
+		scrollbar-width: none;
 	}
 
 	u {
@@ -175,19 +176,8 @@
 		text-decoration-style: dotted;
 	}
 
-	::-webkit-scrollbar {
-		height: 0.2em
-	}
-
-	::-webkit-scrollbar-button {
+	nav::-webkit-scrollbar {
 		width: 0;
-	}
-
-	::-webkit-scrollbar-track-piece {
-		background: #F1F1F1
-	}
-
-	::-webkit-scrollbar-thumb {
-		background: #C1C1C1
+		height: 0;
 	}
 </style>

frontend/src/views/ServiceModal.vue

@@ -134,3 +134,22 @@
 		},
 	};
 </script>
+
+<style scoped>
+	.form-control {
+		background: rgba(122, 29, 255, 0.06);
+		border: 1px solid rgba(122, 29, 255, 0.5);
+		color: var(--accent);
+		font-family: var(--pixel-font);
+		font-size: 11px;
+		letter-spacing: 0.5px;
+		box-shadow: none;
+	}
+
+	.form-control:focus {
+		background: rgba(122, 29, 255, 0.12);
+		border-color: rgba(198, 107, 255, 0.9);
+		color: var(--text);
+		box-shadow: 0 0 12px rgba(198, 107, 255, 0.25);
+	}
+</style>