From 775b61e1f45b09ec55a8db176204b2c50dafbca6 Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Sun, 2 Aug 2026 18:53:47 -0400
Subject: [PATCH] style(locker): increase wardrobe tooltip text size and use
 dark theme

- Change tooltip background from bg-foreground to bg-popover (dark)
- Increase text size from text-xs to text-sm
- Add border border-border for subtle definition
- Use font-semibold for slot name label
---
 src/components/frontend/locker/Wardrobe.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/frontend/locker/Wardrobe.tsx b/src/components/frontend/locker/Wardrobe.tsx
index a115d4f..642e84d 100644
--- a/src/components/frontend/locker/Wardrobe.tsx
+++ b/src/components/frontend/locker/Wardrobe.tsx
@@ -110,9 +110,13 @@ export function Wardrobe({
                   {asset ? getAssetIcon(asset.assetType, "size-3.5") : slotIcon(layout.icon, false)}
                 </button>
               </TooltipTrigger>
-              <TooltipContent side="right" sideOffset={8}>
+              <TooltipContent
+                side="right"
+                sideOffset={8}
+                className="bg-popover text-popover-foreground border border-border text-sm px-3.5 py-2"
+              >
                 <div className="flex flex-col gap-0.5">
-                  <span className="font-medium">{layout.label}</span>
+                  <span className="font-semibold">{layout.label}</span>
                   <span className="text-muted-foreground">
                     {asset ? asset.name : "Empty"}
                   </span>