Administrator/Multi-Hoster-Upload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 47 Wiki Activity

fix: highlight available updates in green

Browse Source 
Use the success palette and black text for the available-update header action, including its hover state. Add regression coverage for the visual state.
This commit is contained in:
Sucukdeluxe
2026-08-20 13:47:42 +02:00
parent ff1593be81
commit e18c629741
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
renderer/styles.css
+4 -4
View File
@@ -2132,8 +2132,8 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
.header-update-button.update-available { .header-update-button.update-available {
border-color: transparent; border-color: transparent;
background: var(--accent); background: var(--success);
color: var(--accent-ink); color: #000;
} }
.header-update-button::after { .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 { .header-update-button.update-available:hover {
background: var(--accent-end); background: var(--success-end);
color: var(--accent-ink); color: #000;
} }
.header-update-button:active { .header-update-button:active {
tests/startup-renderer.test.js
+2
View File
@@ -166,4 +166,6 @@ test('header occupies its final geometry before asynchronous initialization', ()
assert.doesNotMatch(mainSource, /runAutomaticUpdateCheck\(true\);\s*\},\s*3000\)/u); assert.doesNotMatch(mainSource, /runAutomaticUpdateCheck\(true\);\s*\},\s*3000\)/u);
assert.match(html, /class="upload-speed-baseline"/u); assert.match(html, /class="upload-speed-baseline"/u);
assert.match(css, /\.upload-speed-baseline\s*\{[^}]*background:\s*var\(--success\);/su); 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);
}); });