diff --git a/code/modules/asset_cache/assets/body_zones.dm b/code/modules/asset_cache/assets/body_zones.dm
index 10f384aa0e5..cbdf268f6c1 100644
--- a/code/modules/asset_cache/assets/body_zones.dm
+++ b/code/modules/asset_cache/assets/body_zones.dm
@@ -5,7 +5,7 @@
 /datum/asset/simple/body_zones
 
 /datum/asset/simple/body_zones/register()
-	assets["body_zones.base.png"] = icon('icons/hud/screen_midnight.dmi', "zone_sel")
+	assets["body_zones.base_midnight.png"] = icon('icons/hud/screen_midnight.dmi', "zone_sel")
 
 	add_limb(BODY_ZONE_HEAD)
 	add_limb(BODY_ZONE_CHEST)
diff --git a/tgui/packages/tgui/components/BodyZoneSelector.tsx b/tgui/packages/tgui/components/BodyZoneSelector.tsx
index c9248bf9095..cf8dc430e2b 100644
--- a/tgui/packages/tgui/components/BodyZoneSelector.tsx
+++ b/tgui/packages/tgui/components/BodyZoneSelector.tsx
@@ -57,6 +57,7 @@ type BodyZoneSelectorProps = {
   onClick?: (zone: BodyZone) => void;
   scale?: number;
   selectedZone: BodyZone | null;
+  theme?: string;
 };
 
 type BodyZoneSelectorState = {
@@ -74,7 +75,7 @@ export class BodyZoneSelector extends Component<
 
   render() {
     const { hoverZone } = this.state;
-    const { scale = 3, selectedZone } = this.props;
+    const { scale = 3, selectedZone, theme = 'midnight' } = this.props;
 
     return (
       <div
@@ -86,7 +87,7 @@ export class BodyZoneSelector extends Component<
         }}>
         <Box
           as="img"
-          src={resolveAsset('body_zones.base.png')}
+          src={resolveAsset(`body_zones.base_${theme}.png`)}
           onClick={() => {
             const onClick = this.props.onClick;
             if (onClick && this.state.hoverZone) {