Tweaking the hidden theme for fun and fixing mobile wrap

tricities-dev · Nov 17, 2023 · b51bfec · b51bfec
1 parent 58d49a0
commit b51bfec
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 19 deletions.
diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
@@ -13,7 +13,7 @@
 >
 	<div class="navbar">
 		<Logo width={175} height={55} dark={ $themeStore === 'dark' ? true : false }/>
-		<Hamburger bind:open={$menuStore} --color={ $themeStore === 'light' || $themeStore === 'exp' ? 'black' : 'white' }/>
+		<Hamburger bind:open={$menuStore} --color={ $themeStore === 'light' || $themeStore === 'exp' ? 'white' : 'black' }/>
 	</div>
 	<div class="menubar">
 		<Menu />

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -39,9 +39,9 @@
 		position: relative;
 		display: flex;
 		flex-direction: row;
-		flex-wrap: wrap;
+		flex-wrap: wrap-reverse;
 		justify-content: flex-start;
-		align-items: flex-start;
+		align-items: flex-end;
 		gap: 2rem;
 		width: 100%;
 		height: auto;
@@ -67,10 +67,6 @@
 	}
 
 	@media only screen and (max-width: 430px) {
-		.main-content {
-			margin-top: 10rem;
-		}
-
 		section {
 			width: 100%;
 			height: auto;

diff --git a/src/styles/app.css b/src/styles/app.css
@@ -17,7 +17,7 @@
 	--slate: #2C6483;
 	--cream: #F3EAD9;
 
-	--whiteGlass: rgba(255, 255, 255, 0.5);
+	--whiteGlass: rgba(255, 255, 255, 0.65);
 	--blackGlass: rgba(0, 0, 0, 0.75);
 	--expGlass: rgba(204,225,249, 0.75);
 
@@ -64,18 +64,20 @@
 }
 
 [data-theme='exp'] {
-	--primary-bg-color: #fff;
-	--primary-text-color: #394e6a;
-	--cta-btn-bg: #057Aff;
-	--cta-btn-fg: #dbe1ff;
+	--primary-bg-color: #000;
+	--primary-text-color: green;
+	--cta-btn-bg: green;
+	--cta-btn-fg: white;
 	--cta-btn-hover-bg: #046DE5;
-	--header-gradient: linear-gradient(to right, #fff 0%, #f0f6ff 100%);
-	--header-text-color: #394e6a;
-	--gradient-bg-vert: linear-gradient(to bottom, #f0f6ff 0%, #fff 100%);
-	--glass-bg: var(--expGlass);
-	--filter-invert: invert(0);
-	--triforce-opacity: 0.75;
-	--border-color: #f0f6ff;
+	--header-gradient: linear-gradient(to right, #000 0%, #222 100%);
+	--header-text-color: green;
+	--gradient-bg-vert: linear-gradient(to bottom, #222 0%, #000 100%);
+	--glass-bg: var(--blackGlass);
+	--filter-invert: invert(1);
+	--triforce-opacity: 0.05;
+	--border-color: #222;
+	--header-font-family: 'Courier New', Courier, monospace;
+	--body-font-family: 'Courier New', Courier, monospace;
 }
 
 * {