From 086b77e464e06abd606099e3fbdd6daca4decf77 Mon Sep 17 00:00:00 2001
From: DerEchteAlec <bycraky@gmail.com>
Date: Wed, 19 Aug 2026 13:52:06 +0200
Subject: [PATCH] ENH - enlarge home screen labels

---
 frontend/src/assets/main.css                  |  7 +++----
 frontend/src/ui/foundation.css                |  2 +-
 frontend/src/ui/tokens.css                    |  4 +++-
 .../views/SpringboardView.contract.test.ts    | 19 +++++++++++++++++++
 4 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index cd07100..143de6c 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -3132,7 +3132,6 @@ button {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 11px;
 }
 .app-icon--calculator {
   background: linear-gradient(145deg, #76767b, #1b1b1d);
@@ -7842,11 +7841,11 @@ button {
   -webkit-user-select: none;
 }
 .app-icon-label {
-  min-height: 15px;
-  font-size: 11.5px;
+  min-height: var(--sky-home-label-height);
+  font-size: var(--sky-home-label-font-size);
   font-weight: 500;
   letter-spacing: -0.15px;
-  line-height: 15px;
+  line-height: var(--sky-home-label-height);
   text-align: center;
 }
 .springboard-edit-add {
diff --git a/frontend/src/ui/foundation.css b/frontend/src/ui/foundation.css
index 0aa46ee..e2fc793 100644
--- a/frontend/src/ui/foundation.css
+++ b/frontend/src/ui/foundation.css
@@ -526,7 +526,7 @@
   overflow: hidden;
   color: var(--sky-widget-label-color, #fff);
   font-family: var(--sky-font-family);
-  font-size: 11.5px;
+  font-size: var(--sky-home-label-font-size);
   font-weight: 500;
   letter-spacing: -0.15px;
   line-height: var(--sky-widget-label-height);
diff --git a/frontend/src/ui/tokens.css b/frontend/src/ui/tokens.css
index a3f60ff..8653366 100644
--- a/frontend/src/ui/tokens.css
+++ b/frontend/src/ui/tokens.css
@@ -69,8 +69,10 @@
   --sky-shadow-thumb:
     0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 13px rgba(0, 0, 0, 0.12);
   --sky-glass-highlight-color: rgba(255, 255, 255, 0.5);
+  --sky-home-label-font-size: 13px;
+  --sky-home-label-height: 16px;
   --sky-widget-label-gap: 5px;
-  --sky-widget-label-height: 15px;
+  --sky-widget-label-height: var(--sky-home-label-height);
   --sky-widget-radius-small: 23px;
   --sky-widget-radius-medium: 25px;
   --sky-widget-radius-large: 28px;
diff --git a/frontend/src/views/SpringboardView.contract.test.ts b/frontend/src/views/SpringboardView.contract.test.ts
index 5ea38c4..da67a9d 100644
--- a/frontend/src/views/SpringboardView.contract.test.ts
+++ b/frontend/src/views/SpringboardView.contract.test.ts
@@ -19,7 +19,26 @@ const mainCss = readFileSync(
   new URL('../assets/main.css', import.meta.url),
   'utf8',
 )
+const tokensCss = readFileSync(
+  new URL('../ui/tokens.css', import.meta.url),
+  'utf8',
+)
+const foundationCss = readFileSync(
+  new URL('../ui/foundation.css', import.meta.url),
+  'utf8',
+)
 describe('Springboard page swipe contract', () => {
+  it('keeps app and widget labels on the larger shared home typography', () => {
+    expect(tokensCss).toContain('--sky-home-label-font-size: 13px;')
+    expect(tokensCss).toContain('--sky-home-label-height: 16px;')
+    expect(mainCss).toMatch(
+      /\.app-icon-label\s*\{[\s\S]*?font-size:\s*var\(--sky-home-label-font-size\);/,
+    )
+    expect(foundationCss).toMatch(
+      /\.sky-widget-frame__label\s*\{[\s\S]*?font-size:\s*var\(--sky-home-label-font-size\);/,
+    )
+  })
+
   it('replaces the home status row with the edit controls', () => {
     expect(viewSource).toContain("emit('editModeChange', editing)")
     expect(viewSource).toContain("emit('editModeChange', false)")