Website color adjustments

Levminer · Jul 9, 2024 · be65200 · be65200
1 parent c73d4b6
commit be65200
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/apps/web/src/components/header.svelte b/apps/web/src/components/header.svelte
@@ -15,7 +15,7 @@
 						goto("/get-started")
 					}
 				}}
-				class="bg-cores-current hover:text-cores-current rounded-2xl px-4 py-2 text-xl font-semibold duration-200 ease-in-out hover:bg-white hover:from-transparent hover:to-transparent"
+				class="bg-cores-alternative hover:text-cores-alternative rounded-2xl px-4 py-2 text-xl font-bold duration-200 ease-in-out hover:bg-white hover:from-transparent hover:to-transparent"
 			>
 				Launch app
 			</button>
@@ -30,8 +30,9 @@
 					>
 				</li>
 				<li>
-					<a href="/#downloads" class="hover:text-cores-current block rounded px-3 py-2 font-semibold text-white duration-200 ease-in md:p-0"
-						>Download</a
+					<a
+						href="/#downloads"
+						class="hover:text-cores-current block rounded px-3 py-2 font-semibold text-white duration-200 ease-in md:p-0">Download</a
 					>
 				</li>
 				<li>

diff --git a/apps/web/src/routes/(app)/settings/+page.svelte b/apps/web/src/routes/(app)/settings/+page.svelte
@@ -56,7 +56,6 @@
 						<div class="flex flex-row flex-wrap gap-3">
 							<div class="mt-6">
 								<Dialog
-									open={dialogOpen}
 									title={"Edit Remote Connection"}
 									description={"You can get your connection code from the Cores desktop app."}
 									action={() => {

diff --git a/apps/web/src/routes/+page.svelte b/apps/web/src/routes/+page.svelte
@@ -20,7 +20,7 @@
 		<div class="my-5 flex flex-row items-center justify-center gap-5">
 			<a
 				href="#downloads"
-				class="bg-cores-current hover:text-cores-current transform rounded-2xl px-5 py-4 text-xl font-semibold duration-200 ease-in-out hover:translate-y-0.5 hover:bg-white hover:from-transparent hover:to-transparent"
+				class="bg-cores-alternative hover:text-cores-alternative transform rounded-2xl px-5 py-4 text-xl font-semibold duration-200 ease-in-out hover:translate-y-0.5 hover:bg-white hover:from-transparent hover:to-transparent"
 				>Get Cores</a
 			>
 			<a class="flex text-lg font-semibold duration-200 ease-in-out hover:text-gray-200" href="#features">More info <ArrowRight /></a>
@@ -203,7 +203,9 @@
 				<div class="flex w-full flex-col">
 					<!-- card 0 -->
 					<div class="mb-10 text-center">
-						<h2 class="mb-5 bg-gradient-to-r bg-clip-text text-center text-4xl font-extrabold text-white md:text-8xl">Detailed statistics</h2>
+						<h2 class="mb-5 bg-gradient-to-r bg-clip-text text-center text-4xl font-extrabold text-white md:text-8xl">
+							Detailed statistics
+						</h2>
 						<h3 class="italic text-gray-100">Detailed charts for every component.</h3>
 					</div>
 
@@ -319,7 +321,7 @@
 										<div class="text-center">
 											<a
 												href="https://link.levminer.com/buy-cores-app"
-												class="button hover:border-cores-current hover:text-cores-current mt-5 w-full hover:translate-y-0.5 hover:animate-pulse"
+												class="button bg-cores-alternative hover:text-cores-alternative border-cores-alternative mt-5 w-full font-bold text-white hover:translate-y-0.5 hover:animate-pulse"
 											>
 												Buy
 											</a>

diff --git a/packages/config/tailwind.config.js b/packages/config/tailwind.config.js
@@ -24,6 +24,7 @@ export default {
 					min: "#35cbfd",
 					current: "#ff5380",
 					max: "#9d0cfd",
+					alternative: "#d800ef",
 				},
 				html: {
 					gray: "#808080",