From e18c629741a0c5debfcf66cd21c818697d4bff09 Mon Sep 17 00:00:00 2001 From: Sucukdeluxe <259325684+Sucukdeluxe@users.noreply.github.com> Date: Thu, 20 Aug 2026 13:47:42 +0200 Subject: [PATCH] fix: highlight available updates in green Use the success palette and black text for the available-update header action, including its hover state. Add regression coverage for the visual state. --- renderer/styles.css | 8 ++++---- tests/startup-renderer.test.js | 2 ++ 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/renderer/styles.css b/renderer/styles.css index 120337d..5fdbb98 100644 --- a/renderer/styles.css +++ b/renderer/styles.css @@ -2132,8 +2132,8 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; } .header-update-button.update-available { border-color: transparent; - background: var(--accent); - color: var(--accent-ink); + background: var(--success); + color: #000; } .header-update-button::after { @@ -2173,8 +2173,8 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; } } .header-update-button.update-available:hover { - background: var(--accent-end); - color: var(--accent-ink); + background: var(--success-end); + color: #000; } .header-update-button:active { diff --git a/tests/startup-renderer.test.js b/tests/startup-renderer.test.js index 9c8c7e2..02c2539 100644 --- a/tests/startup-renderer.test.js +++ b/tests/startup-renderer.test.js @@ -166,4 +166,6 @@ test('header occupies its final geometry before asynchronous initialization', () assert.doesNotMatch(mainSource, /runAutomaticUpdateCheck\(true\);\s*\},\s*3000\)/u); assert.match(html, /class="upload-speed-baseline"/u); assert.match(css, /\.upload-speed-baseline\s*\{[^}]*background:\s*var\(--success\);/su); + assert.match(css, /\.header-update-button\.update-available\s*\{[^}]*background:\s*var\(--success\);[^}]*color:\s*#000;/su); + assert.match(css, /\.header-update-button\.update-available:hover\s*\{[^}]*background:\s*var\(--success-end\);[^}]*color:\s*#000;/su); });