style: subtitle color only on app

Signed-off-by: David Dal Busco <[email protected]>
junobuild · Sep 29, 2023 · 08fcab1 · 08fcab1
1 parent ac909f2
commit 08fcab1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/frontend/src/lib/components/ui/Layout.svelte b/src/frontend/src/lib/components/ui/Layout.svelte
@@ -5,6 +5,7 @@
 
 	export let centered = false;
 	export let title = true;
+	export let titleColored = false;
 </script>
 
 <SplitPane>
@@ -16,7 +17,7 @@
 		<div class="page">
 			<main class:centered>
 				{#if title}
-					<h1>
+					<h1 class:color={titleColored}>
 						<span class={`title ${nonNullish($layoutTitle) ? 'visible' : ''}`}
 							>{$layoutTitle ?? ''}</span
 						>
@@ -71,7 +72,7 @@
 	}
 
 	h1 {
-		letter-spacing: -0.05rem;
+		letter-spacing: -0.03rem;
 		line-height: var(--line-height-standard);
 
 		padding: 0 var(--padding-2x) 0 0;
@@ -92,16 +93,20 @@
 		&:after {
 			content: '';
 
-			background: linear-gradient(135deg, var(--color-primary) 30%, var(--color-tertiary));
+			background: var(--text-color);
 			border-radius: var(--border-radius);
 
-			height: 9px;
+			height: 5px;
 			width: 100%;
 
 			position: absolute;
 			bottom: -3px;
 			left: 0;
 		}
+
+		&.color:after {
+			background: var(--color-primary);
+		}
 	}
 
 	.title {

diff --git a/src/frontend/src/routes/(app)/+layout.svelte b/src/frontend/src/routes/(app)/+layout.svelte
@@ -11,7 +11,7 @@
 		(async () => await loadSatellites({ missionControl: $missionControlStore }))();
 </script>
 
-<Layout>
+<Layout titleColored>
 	<Navmenu slot="menu" />
 
 	<Navbar start="menu" slot="navbar" resources={!$authSignedInStore} />