From 757386f611737d57ea7967580354ee37214b1bec Mon Sep 17 00:00:00 2001
From: Sir Blob <adithcool.5@gmail.com>
Date: Sat, 29 Nov 2025 17:11:09 +0000
Subject: [PATCH] waybar and loadscreen update

---
 src/lib/assets/css/navbar-waybar.css | 2 +-
 src/lib/pages/projects.ts            | 4 ++--
 src/routes/+layout.svelte            | 9 +++------
 src/routes/layout.css                | 4 ++--
 4 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/lib/assets/css/navbar-waybar.css b/src/lib/assets/css/navbar-waybar.css
index 67ffb7d..dde24d9 100644
--- a/src/lib/assets/css/navbar-waybar.css
+++ b/src/lib/assets/css/navbar-waybar.css
@@ -651,7 +651,7 @@
 	align-items: center;
 	justify-content: center;
 	height: 20px;
-	padding: 0 0.5rem;
+	padding: 0 0.35rem;
 	background: color-mix(in srgb, var(--bar-primary) 15%, transparent);
 	border: 1px solid color-mix(in srgb, var(--bar-primary) 30%, transparent);
 	border-radius: 4px;
diff --git a/src/lib/pages/projects.ts b/src/lib/pages/projects.ts
index dbb78d7..4e75906 100644
--- a/src/lib/pages/projects.ts
+++ b/src/lib/pages/projects.ts
@@ -7,11 +7,11 @@ const featuredCount = sortedCards.filter(c => c.featured).length;
 
 // Build the terminal lines with card grid
 export const lines: TerminalLine[] = [
-    { type: 'divider', content: 'PROJECTS' },
     { type: 'command', content: 'ls ~/projects --grid' },
+    { type: 'divider', content: 'PROJECTS' },
     { type: 'blank', content: '' },
     ...projects.filter(p => p.featured).flatMap(project => [
-        { type: 'header' as const, content: `(&primary,bold)${project.name}(&)` },
+        { type: 'header' as const, content: `(&bold)${project.name}(&)` },
         { type: 'output' as const, content: `(&muted)${project.description}(&)` },
         { type: 'info' as const, content: `(&info)Tech: (&primary)${project.tech.join(', ')}(&)` },
         ...(project.github ? [{ 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 507d5ee..55b7104 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -81,11 +81,11 @@
 		</main>
 	</div>
 {:else}
-	<!-- Loading state to prevent flash -->
-	<div class="loading-screen">
+	<!-- Loading state to prevent flash - themed to current selection -->
+	<div class="loading-screen" style="background: {$themeColors.background} !important; color: {$themeColors.text} !important;">
 		<div class="loading-content">
 			<span class="loading-text">Initializing terminal...</span>
-			<span class="loading-cursor"></span>
+			<span class="loading-cursor" style="background: {$themeColors.accent} !important;"></span>
 		</div>
 	</div>
 {/if}
@@ -102,8 +102,6 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background: #0d1117;
-		color: #c9d1d9;
 		font-family: 'JetBrains Mono', monospace;
 	}
 
@@ -120,7 +118,6 @@
 	.loading-cursor {
 		width: 10px;
 		height: 1.2em;
-		background: #1793d1;
 		animation: blink 1s step-end infinite;
 	}
 
diff --git a/src/routes/layout.css b/src/routes/layout.css
index d462669..c9c2c64 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -1,6 +1,6 @@
 /* Font imports - must come first */
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+/* @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); */
 
 @import 'tailwindcss';