From 2d8c6ca5853b7350e554e97dfeae4d88e45a689a Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 25 May 2026 12:48:04 +0900
Subject: [PATCH] Update room.object-customize-form.vue

---
 .../frontend/src/pages/rooms/room.object-customize-form.vue  | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/frontend/src/pages/rooms/room.object-customize-form.vue b/packages/frontend/src/pages/rooms/room.object-customize-form.vue
index c54de1a1a7..041d04d806 100644
--- a/packages/frontend/src/pages/rooms/room.object-customize-form.vue
+++ b/packages/frontend/src/pages/rooms/room.object-customize-form.vue
@@ -8,6 +8,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<div class="_gaps_s">
 		<MkFolder v-for="[k, s] in Object.entries(schema)" :key="k">
 			<template #label>{{ s.label }}</template>
+			<template #suffix>
+				<span v-if="s.type === 'color'" :style="{ color: getHex(options[k]) }">●</span>
+				<span v-else-if="s.type === 'material'" :style="{ color: getHex(options[k].color) }">●</span>
+			</template>
+
 			<div v-if="s.type === 'color'">
 				<!-- debounce or throttleしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる。ワーカーとの間でラグがあるため、少し前の値がまたmodelValueとしてフィードバックされてしまうためだと思われる -->
 				<MkInput :modelValue="getHex(options[k])" type="color" :throttle="300" @update:modelValue="v => { const c = getRgb(v); if (c != null) emit('update', k, c); }"></MkInput>