fixed up colors of some minor elements

Author: zphrs

src/routes/Header.svelte

@@ -39,15 +39,15 @@
 		width: 100vw;
 		transition: border-color 0.2s 0s;
 		animation: fadein 0.2s 0s both;
-		border-bottom: 2px solid var(--violet-700);
+		border-bottom: 2px solid var(--violet-900);
 		background-color: var(--violet-100);
 	}
 	@keyframes fadein {
 		0% {
 			border-bottom-color: transparent;
 		}
 		100% {
-			border-bottom-color: var(--violet-700);
+			border-bottom-color: var(--violet-900);
 		}
 	}
 	div.hide {

src/routes/Nicknames.svelte

@@ -31,7 +31,7 @@
 	}
 	.main > li {
 		padding: var(--gap-0-5);
-		outline: 2px solid var(--violet);
+		outline: 2px solid var(--violet-700);
 		outline-offset: -1px;
 		flex-grow: 1;
 		width: 300px;

src/routes/styles/global.css

@@ -5,30 +5,19 @@
 }
 
 :root {
+	--white: #ffffff;
+	--black: #1e1729;
+	--purple-500: #aba3f1;
 	--blue-700: #5bcefa;
 	--indigo-700: #8ea5f8;
 	--lavender-700: #d7a0f7;
 	--violet-100: #040421;
 	--pink-700: #f5a9b8;
-	--white: #ffffff;
-	--black: #1e1729;
-	--purple-500: #aba3f1;
-	--lime: #86ec99;
-	--ivy: #65d656;
-	--forest: #6a9955;
-	--moss: #335122;
-	--pine: #172a18;
 	--gold-100: #413900;
 	--gold-300: #846905;
 	--gold-500: #ce9409;
 	--gold-700: #ffd140;
 	--gold-900: #fff4b8;
-	--clay: #f59778;
-	--grapefruit: #d16969;
-	--sky: #9cdcfe;
-	--water: #86b6ec;
-	--spring: #4fc1ff;
-	--violet: #aba3f1;
 	--sea-100: #193632;
 	--sea-300: #345348;
 	--sea-500: #6e9d87;

src/routes/styles/scrollbar.css

@@ -7,10 +7,10 @@
 }
 
 ::-webkit-scrollbar-thumb {
-	background-color: var(--violet);
+	background-color: var(--violet-900);
 	margin: 0.1rem;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-	background-color: var(--ultraviolet);
+	background-color: var(--violet-700);
 }