fix: icon of selected item should be highlighted.

This commit is contained in:
huanghongxun 2021-08-04 00:09:22 +08:00
parent d35fb9a486
commit 1fb9fa0af9
3 changed files with 23 additions and 6 deletions

View File

@ -51,7 +51,7 @@ public class ProfileListItemSkin extends SkinBase<ProfileListItem> {
getSkinnable().setSelected(true);
});
Node left = VersionPage.wrap(SVG.folderOutline(Theme.blackFillBinding(), 24, 24));
Node left = VersionPage.wrap(SVG.folderOutline(null, 24, 24));
root.setLeft(left);
BorderPane.setAlignment(left, Pos.CENTER_LEFT);

View File

@ -267,7 +267,7 @@ public class VersionPage extends Control implements DecoratorPage, ModDownloadPa
AdvancedListItem versionSettingsItem = new AdvancedListItem();
versionSettingsItem.getStyleClass().add("navigation-drawer-item");
versionSettingsItem.setTitle(i18n("settings"));
versionSettingsItem.setLeftGraphic(wrap(SVG.gearOutline(Theme.blackFillBinding(), 20, 20)));
versionSettingsItem.setLeftGraphic(wrap(SVG.gearOutline(null, 20, 20)));
versionSettingsItem.setActionButtonVisible(false);
versionSettingsItem.activeProperty().bind(control.selectedTab.isEqualTo(control.versionSettingsTab));
versionSettingsItem.setOnAction(e -> control.selectedTab.set(control.versionSettingsTab));
@ -275,7 +275,7 @@ public class VersionPage extends Control implements DecoratorPage, ModDownloadPa
AdvancedListItem modListItem = new AdvancedListItem();
modListItem.getStyleClass().add("navigation-drawer-item");
modListItem.setTitle(i18n("mods"));
modListItem.setLeftGraphic(wrap(SVG.puzzle(Theme.blackFillBinding(), 20, 20)));
modListItem.setLeftGraphic(wrap(SVG.puzzle(null, 20, 20)));
modListItem.setActionButtonVisible(false);
modListItem.activeProperty().bind(control.selectedTab.isEqualTo(control.modListTab));
modListItem.setOnAction(e -> control.selectedTab.set(control.modListTab));
@ -283,7 +283,7 @@ public class VersionPage extends Control implements DecoratorPage, ModDownloadPa
AdvancedListItem curseModListItem = new AdvancedListItem();
curseModListItem.getStyleClass().add("navigation-drawer-item");
curseModListItem.setTitle(i18n("mods.download"));
curseModListItem.setLeftGraphic(wrap(SVG.fire(Theme.blackFillBinding(), 20, 20)));
curseModListItem.setLeftGraphic(wrap(SVG.fire(null, 20, 20)));
curseModListItem.setActionButtonVisible(false);
curseModListItem.activeProperty().bind(control.selectedTab.isEqualTo(control.curseModListTab));
curseModListItem.setOnAction(e -> control.selectedTab.set(control.curseModListTab));
@ -291,7 +291,7 @@ public class VersionPage extends Control implements DecoratorPage, ModDownloadPa
AdvancedListItem installerListItem = new AdvancedListItem();
installerListItem.getStyleClass().add("navigation-drawer-item");
installerListItem.setTitle(i18n("settings.tabs.installers"));
installerListItem.setLeftGraphic(wrap(SVG.cube(Theme.blackFillBinding(), 20, 20)));
installerListItem.setLeftGraphic(wrap(SVG.cube(null, 20, 20)));
installerListItem.setActionButtonVisible(false);
installerListItem.activeProperty().bind(control.selectedTab.isEqualTo(control.installerListTab));
installerListItem.setOnAction(e -> control.selectedTab.set(control.installerListTab));
@ -299,7 +299,7 @@ public class VersionPage extends Control implements DecoratorPage, ModDownloadPa
AdvancedListItem worldListItem = new AdvancedListItem();
worldListItem.getStyleClass().add("navigation-drawer-item");
worldListItem.setTitle(i18n("world"));
worldListItem.setLeftGraphic(wrap(SVG.gamepad(Theme.blackFillBinding(), 20, 20)));
worldListItem.setLeftGraphic(wrap(SVG.gamepad(null, 20, 20)));
worldListItem.setActionButtonVisible(false);
worldListItem.activeProperty().bind(control.selectedTab.isEqualTo(control.worldListTab));
worldListItem.setOnAction(e -> control.selectedTab.set(control.worldListTab));

View File

@ -18,6 +18,10 @@
.root {
}
.svg {
-fx-fill: black;
}
.scroll-bar .thumb {
-fx-fill: rgba(255, 255, 255, 0.5);
-fx-arc-width: 5px;
@ -91,6 +95,10 @@
-fx-font-weight: bold;
}
.advanced-list-item:selected .svg {
-fx-fill: -fx-base-color;
}
.navigation-drawer-item .container VBox {
-fx-padding: 0 0 0 0;
}
@ -111,6 +119,15 @@
-fx-background-color: -fx-base-rippler-color;
}
.profile-list-item:selected .two-line-list-item .title {
-fx-text-fill: -fx-base-color;
-fx-font-weight: bold;
}
.profile-list-item:selected .svg {
-fx-fill: -fx-base-color;
}
.notice-pane > .label {
-fx-text-fill: #0079FF;
-fx-font-size: 20;