Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-27 17:52:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style: Token renaming and style organization (#6337)

Browse Source 
## Summary

Align color names and organize style.css some more

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6337-Style-Token-renaming-and-style-organization-29a6d73d365081b69f25ce1298c67fdc)
by [Unito](https://www.unito.io)
This commit is contained in:
Alexander Brown
2025-10-28 12:13:28 -07:00
committed by GitHub
parent 0a80a288c0
commit b03cf7e11d
38 changed files with 235 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/extensions/vueNodes/components/ImagePreview.vue
View File

@@ -16,11 +16,11 @@
<!-- Error State -->
<div
v-if="imageError"
class="flex size-full flex-col items-center justify-center bg-gray-800/50 text-center text-white"
class="flex size-full flex-col items-center justify-center bg-smoke-800/50 text-center text-white"
>
<i class="mb-2 icon-[lucide--image-off] h-12 w-12 text-gray-400" />
<p class="text-sm text-gray-300">{{ $t('g.imageFailedToLoad') }}</p>
<p class="mt-1 text-xs text-gray-400">
<i class="mb-2 icon-[lucide--image-off] h-12 w-12 text-smoke-400" />
<p class="text-sm text-smoke-300">{{ $t('g.imageFailedToLoad') }}</p>
<p class="mt-1 text-xs text-smoke-400">
{{ getImageFilename(currentImageUrl) }}
</p>
</div>
@@ -99,7 +99,7 @@
<span v-if="imageError" class="text-red-400">
{{ $t('g.errorLoadingImage') }}
</span>
<span v-else-if="isLoading" class="text-gray-400">
<span v-else-if="isLoading" class="text-smoke-400">
{{ $t('g.loading') }}...
</span>
<span v-else>

6
src/renderer/extensions/vueNodes/components/LivePreview.vue
View File

@@ -7,10 +7,10 @@
<!-- Error State -->
<div
v-if="imageError"
class="flex h-full w-full flex-col items-center justify-center text-center text-pure-white"
class="text-pure-white flex h-full w-full flex-col items-center justify-center text-center"
>
<i-lucide:image-off class="mb-1 size-8 text-gray-500" />
<p class="text-xs text-gray-400">{{ $t('g.imageFailedToLoad') }}</p>
<i-lucide:image-off class="mb-1 size-8 text-smoke-500" />
<p class="text-xs text-smoke-400">{{ $t('g.imageFailedToLoad') }}</p>
</div>
<!-- Main Image -->