mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-29 18:52:19 +00:00
Fix Vue slot label colors for light theme (#5529)
* [fix] use stone-200 for Vue slot labels in light theme Updates Vue node slot label components to use stone-200 color (#828282) for light theme instead of the previous #888682 color. This improves theme consistency across the Vue nodes system. Components updated: - InputSlot.vue: Input slot labels - OutputSlot.vue: Output slot labels - NodeHeader.vue: Collapse/expand icon - WidgetLayoutField.vue: Widget labels * Update src/renderer/extensions/vueNodes/components/NodeHeader.vue Co-authored-by: Alexander Brown <drjkl@comfy.org> --------- Co-authored-by: Alexander Brown <drjkl@comfy.org>
This commit is contained in:
@@ -21,7 +21,7 @@
|
|||||||
<!-- Slot Name -->
|
<!-- Slot Name -->
|
||||||
<span
|
<span
|
||||||
v-if="!dotOnly"
|
v-if="!dotOnly"
|
||||||
class="whitespace-nowrap text-sm font-normal dark-theme:text-[#9FA2BD] text-[#888682]"
|
class="whitespace-nowrap text-sm font-normal dark-theme:text-slate-200 text-stone-200"
|
||||||
>
|
>
|
||||||
{{ slotData.localized_name || slotData.name || `Input ${index}` }}
|
{{ slotData.localized_name || slotData.name || `Input ${index}` }}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
:class="collapsed ? 'pi pi-chevron-right' : 'pi pi-chevron-down'"
|
:class="collapsed ? 'pi pi-chevron-right' : 'pi pi-chevron-down'"
|
||||||
class="text-xs leading-none relative top-[1px] text-[#888682] dark-theme:text-[#5B5E7D]"
|
class="text-xs leading-none relative top-px text-stone-200 dark-theme:text-slate-300"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
<!-- Slot Name -->
|
<!-- Slot Name -->
|
||||||
<span
|
<span
|
||||||
v-if="!dotOnly"
|
v-if="!dotOnly"
|
||||||
class="whitespace-nowrap text-sm font-normal dark-theme:text-[#9FA2BD] text-[#888682]"
|
class="whitespace-nowrap text-sm font-normal dark-theme:text-slate-200 text-stone-200"
|
||||||
>
|
>
|
||||||
{{ slotData.name || `Output ${index}` }}
|
{{ slotData.name || `Output ${index}` }}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ defineProps<{
|
|||||||
>
|
>
|
||||||
<p
|
<p
|
||||||
v-if="widget.name"
|
v-if="widget.name"
|
||||||
class="text-sm text-[#888682] dark-theme:text-[#9FA2BD] font-normal flex-1 truncate w-20"
|
class="text-sm text-stone-200 dark-theme:text-slate-200 font-normal flex-1 truncate w-20"
|
||||||
>
|
>
|
||||||
{{ widget.name }}
|
{{ widget.name }}
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user