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:
Christian Byrne
2025-09-13 21:32:55 -07:00
committed by GitHub
parent bfef8d7d4b
commit f28ebcac19
4 changed files with 4 additions and 4 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>