feat: added optional properties

Signed-off-by: Evzen Gasta <[email protected]>
podman-desktop · Dec 17, 2024 · 15f85ac · 15f85ac
1 parent 9bcbf15
commit 15f85ac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/main/src/plugin/color-registry.ts b/packages/main/src/plugin/color-registry.ts
@@ -1000,6 +1000,10 @@ export class ColorRegistry {
       dark: colorPalette.white,
       light: colorPalette.black,
     });
+    this.registerColor(`${button}close-hover-bg`, {
+      dark: colorPalette.white + '2',
+      light: colorPalette.black + '2',
+    });
     this.registerColor(`${button}link-text`, {
       dark: colorPalette.purple[400],
       light: colorPalette.purple[700],

diff --git a/packages/ui/src/lib/button/CloseButton.svelte b/packages/ui/src/lib/button/CloseButton.svelte
@@ -12,7 +12,7 @@ function click(): void {
 
 <button
   type="button"
-  class="text-gray-800 hover:bg-white hover:bg-opacity-10 transition-all rounded-[4px] p-1 no-underline cursor-pointer {$$props.class ||
+  class="hover:bg-[var(--pd-button-close-hover-bg)] hover:bg-opacity-10 transition-all rounded-[4px] p-1 no-underline cursor-pointer {$$props.class ||
     ''}"
   on:click={click}
   title="Close"