From 59b7d6f1ce17bab5ce5c253a5a605d5cf333842b Mon Sep 17 00:00:00 2001 From: Ryan Luu Date: Mon, 12 Jan 2026 03:55:07 -0800 Subject: [PATCH 1/4] Use font instead of image for icon Signed-off-by: Ryan Luu --- src/TopbarIcon.client.luau | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/TopbarIcon.client.luau b/src/TopbarIcon.client.luau index 727fa49..54aa9b7 100644 --- a/src/TopbarIcon.client.luau +++ b/src/TopbarIcon.client.luau @@ -7,13 +7,14 @@ local ICON_SELECTED_IMAGE = "rbxasset://textures/ui/TopBar/inventoryOn.png" local ICON_DESELECTED_IMAGE = "rbxasset://textures/ui/TopBar/inventoryOff.png" local icon = Icon.new() -icon:setCaption("Inventory") -icon:setImage(ICON_SELECTED_IMAGE, "Selected") -icon:setImage(ICON_DESELECTED_IMAGE, "Deselected") -icon:setImageScale(1) -icon:autoDeselect(false) +icon:setLabel("backpack") icon:setOrder(-1) +icon:setTextSize(24) +icon:setTextFont("rbxasset://LuaPackages/Packages/_Index/BuilderIcons/BuilderIcons/BuilderIcons.json", Enum.FontWeight.Bold, Enum.FontStyle.Normal, "Selected") +icon:setTextFont("rbxasset://LuaPackages/Packages/_Index/BuilderIcons/BuilderIcons/BuilderIcons.json", Enum.FontWeight.Regular, Enum.FontStyle.Normal, "Deselected") icon:bindToggleKey(Enum.KeyCode.Backquote) +icon:autoDeselect(false) +icon:setCaption("Inventory") BackpackScript.StateChanged.Event:Connect(function(isNowOpen) if isNowOpen then From 32af8559febea7c2c80fc5eb45de476968d9523b Mon Sep 17 00:00:00 2001 From: Ryan Luu Date: Mon, 12 Jan 2026 11:56:59 +0000 Subject: [PATCH 2/4] Fix styling Signed-off-by: GitHub --- src/TopbarIcon.client.luau | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/TopbarIcon.client.luau b/src/TopbarIcon.client.luau index 54aa9b7..c692dc5 100644 --- a/src/TopbarIcon.client.luau +++ b/src/TopbarIcon.client.luau @@ -10,8 +10,18 @@ local icon = Icon.new() icon:setLabel("backpack") icon:setOrder(-1) icon:setTextSize(24) -icon:setTextFont("rbxasset://LuaPackages/Packages/_Index/BuilderIcons/BuilderIcons/BuilderIcons.json", Enum.FontWeight.Bold, Enum.FontStyle.Normal, "Selected") -icon:setTextFont("rbxasset://LuaPackages/Packages/_Index/BuilderIcons/BuilderIcons/BuilderIcons.json", Enum.FontWeight.Regular, Enum.FontStyle.Normal, "Deselected") +icon:setTextFont( + "rbxasset://LuaPackages/Packages/_Index/BuilderIcons/BuilderIcons/BuilderIcons.json", + Enum.FontWeight.Bold, + Enum.FontStyle.Normal, + "Selected" +) +icon:setTextFont( + "rbxasset://LuaPackages/Packages/_Index/BuilderIcons/BuilderIcons/BuilderIcons.json", + Enum.FontWeight.Regular, + Enum.FontStyle.Normal, + "Deselected" +) icon:bindToggleKey(Enum.KeyCode.Backquote) icon:autoDeselect(false) icon:setCaption("Inventory") From 18cec262b4eac3314eddb05767895d366fefbe0a Mon Sep 17 00:00:00 2001 From: Ryan Luu Date: Tue, 13 Jan 2026 07:46:44 +0000 Subject: [PATCH 3/4] Remove old constants Signed-off-by: GitHub --- src/TopbarIcon.client.luau | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/TopbarIcon.client.luau b/src/TopbarIcon.client.luau index c692dc5..542faf6 100644 --- a/src/TopbarIcon.client.luau +++ b/src/TopbarIcon.client.luau @@ -3,9 +3,6 @@ local BackpackScript = require(script.Parent) local Icon = require(script.Parent.Parent.topbarplus) -local ICON_SELECTED_IMAGE = "rbxasset://textures/ui/TopBar/inventoryOn.png" -local ICON_DESELECTED_IMAGE = "rbxasset://textures/ui/TopBar/inventoryOff.png" - local icon = Icon.new() icon:setLabel("backpack") icon:setOrder(-1) From 4048674b2b601a97c9782e4e4b00d5681d1cec67 Mon Sep 17 00:00:00 2001 From: Ryan Luu Date: Tue, 13 Jan 2026 07:46:50 +0000 Subject: [PATCH 4/4] Force minimum width Signed-off-by: GitHub --- src/TopbarIcon.client.luau | 1 + 1 file changed, 1 insertion(+) diff --git a/src/TopbarIcon.client.luau b/src/TopbarIcon.client.luau index 542faf6..ff465ad 100644 --- a/src/TopbarIcon.client.luau +++ b/src/TopbarIcon.client.luau @@ -4,6 +4,7 @@ local BackpackScript = require(script.Parent) local Icon = require(script.Parent.Parent.topbarplus) local icon = Icon.new() +icon:modifyTheme({ "IconLabelContainer", "TargetWidth", 0 }) -- Force minimum width icon:setLabel("backpack") icon:setOrder(-1) icon:setTextSize(24)