chore: better contrast

app.vue

@@ -55,7 +55,7 @@ const navs: { name: string; path: string }[] = [
 						'/login/twitch?scopes=user:read:email&redirect=' +
 						$route.fullPath
 					"
-					class="bg-#ff4040 hover:bg-#e03a3a text-white hover:text-gray-100 h-min px-5 py-1 rounded-lg text-white"
+					class="bg-secondary hover:bg-button text-white h-min px-5 py-1 rounded-lg text-white"
 					>Login</NuxtLink
 				>
 				<NuxtImg

components/WatchTime.vue

@@ -46,7 +46,7 @@ const handleScroll = () => {
 		></div>
 		<div
 			ref="scrollContainer"
-			class="overflow-scroll nth--n+3:(border-5 border-solid) nth-1:border-[#ffa376] nth-2:border-[#ff9c80] nth-3:border-[#ff6954] snap-y snap-mandatory space-y-3 py-6"
+			class="overflow-scroll nth--n+3:(border-5 border-solid) nth-1:border-[#ffa376] nth-2:border-[#ff9c80] nth-3:border-[#ff735f] snap-y snap-mandatory space-y-3 py-6"
 			@scroll="handleScroll"
 		>
 			<div

uno.config.ts

@@ -48,8 +48,8 @@ export default defineConfig({
 		},
 		colors: {
 			primary: "#e8a946",
-			secondary: "#ff4040",
-			button: "#e03a3a",
+			secondary: "#fa4040",
+			button: "#de3535",
 		},
 	},
 	transformers: [transformerDirectives(), transformerVariantGroup()],