waybar and loadscreen update

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;

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 ? [{ 

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;
 	}
 

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';