diff --git a/app/src/main/java/io/xpipe/app/comp/store/StoreIconComp.java b/app/src/main/java/io/xpipe/app/comp/store/StoreIconComp.java index e4b7fd320..85ccb9af1 100644 --- a/app/src/main/java/io/xpipe/app/comp/store/StoreIconComp.java +++ b/app/src/main/java/io/xpipe/app/comp/store/StoreIconComp.java @@ -35,10 +35,13 @@ public class StoreIconComp extends SimpleComp { new TooltipAugment<>(wrapper.getEntry().getProvider().displayName(), null).augment(storeIcon); } + var background = new Region(); + background.getStyleClass().add("background"); + var dots = new FontIcon("mdi2d-dots-horizontal"); dots.setIconSize((int) (h * 1.3)); - var stack = new StackPane(storeIcon, dots); + var stack = new StackPane(background, storeIcon, dots); stack.setMinHeight(w + 7); stack.setMinWidth(w + 7); stack.setMaxHeight(w + 7); diff --git a/app/src/main/resources/io/xpipe/app/resources/style/store-entry-comp.css b/app/src/main/resources/io/xpipe/app/resources/style/store-entry-comp.css index d1641eddb..28ab2e96f 100644 --- a/app/src/main/resources/io/xpipe/app/resources/style/store-entry-comp.css +++ b/app/src/main/resources/io/xpipe/app/resources/style/store-entry-comp.css @@ -26,16 +26,17 @@ } .root:light .store-entry-grid:incomplete .name { - -fx-text-fill: #981400; + -fx-text-fill: #851908; } .store-entry-grid:incomplete .icon { -fx-opacity: 0.5; } -.store-entry-grid .icon { - -fx-background-color: -color-bg-overlay; +.store-entry-grid .icon > .background { -fx-background-radius: 5px; + -fx-background-color: -color-bg-overlay; + -fx-opacity: 0.5; } .store-entry-grid .icon:hover {