Use green primary action in link collector

Match the Add Links action to the established green confirmation style with black text and a consistent success-color hover state.
This commit is contained in:
Sucukdeluxe
2026-08-26 15:00:21 +02:00
parent 3ceadd55b1
commit 5931c8de75
2 changed files with 12 additions and 5 deletions
+5 -5
View File
@@ -109,14 +109,14 @@
}
.collector-action-primary {
background: var(--ui-primary);
border-color: var(--ui-primary);
color: var(--ui-primary-text);
border-color: var(--ui-success);
background: var(--ui-success);
color: #000000;
}
.collector-action-primary:hover:not(:disabled) {
background: var(--ui-primary-hover);
color: var(--ui-primary-text);
background: color-mix(in srgb, var(--ui-success) 86%, #ffffff);
color: #000000;
}
.collector-action-danger:not(:disabled) {
+7
View File
@@ -506,4 +506,11 @@ describe("CollectorView", () => {
expect(toolbarGap).toBeTruthy();
expect(groupGap).toBe(toolbarGap);
});
it("uses the green confirmation style for the add-links action", () => {
const css = readFileSync(new URL("../src/renderer/views/collector/collector.css", import.meta.url), "utf8");
expect(css).toMatch(/\.collector-action-primary\s*\{[^}]*border-color:\s*var\(--ui-success\);[^}]*background:\s*var\(--ui-success\);[^}]*color:\s*#000000;/s);
expect(css).toMatch(/\.collector-action-primary:hover:not\(:disabled\)\s*\{[^}]*background:\s*color-mix\(in srgb, var\(--ui-success\) 86%, #ffffff\);[^}]*color:\s*#000000;/s);
});
});