Comfy-Org / Comfy-Org/ComfyUI_frontend

[ Themes ] Allow to disable zoom brightness variation, via Color Palette

Open
#5,558 1 comment 1 reaction 0 assignees View on GitHub
area:customization area:ui enhancement
Dominant language
TypeScript
Stars
2k
Forks
702
Avg merge
1d 8h
Merged PRs (30d)
512

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues and checked the recent builds/commits

### What problem are you experiencing?

I was trying to create a "medium grey" theme, with dark accents, like this:

https://extensions.blender.org/themes/theme-xsi/

![Image](https://github.com/user-attachments/assets/932f1f3f-a1df-498d-ab57-cf82fdf7bffd)

----

So, I edited the grid image, like this:

Image

` "BACKGROUND_IMAGE": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGFSURBVHhe7dcximJBGEbRN6NgJGjoBlyS+8/cgSAoPbQ8TNqCzurCnJOIjz+7UPD9uVwuXwsZryDb7XY5HA7rp5+ez+fyeDyW3W63fvns++5+v7/uNpvN+vWn/+3u2+12+9XdO8j5fF4/fXa9XpfT6bT+G3P32W/v/q6/RAgSI0iMIDGCxAgSI0jMe6kfj8fXB+YyDAdm3XmyYgSJESRGkBhBYgSJESRGkBhLPcZSH5h158mKESRGkBhBYgSJESRGkBhBYiz1GEt9YNadJytGkBhBYgSJESRGkBhBYgSJsdRjLPWBWXeerBhBYgSJESRGkBhBYgSJESTGUo+x1Adm3XmyYgSJESRGkBhBYgSJESRGkBhLPcZSH5h158mKESRGkBhBYgSJESRGkBhBYiz1GEt9YNadJytGkBhBYgSJESRGkBhBYgSJsdRjLPWBWXeerBhBYgSJESRGkBhBYgSJESTmPQz3+/36iZks9YFZd56sGEFiBIkRJEaQGEFiBIkRJGVZ/gHz3nLLAAPIcAAAAABJRU5ErkJggg==",`

----

But there is too much brightness variation, when we change zoom.

This seems like a smooth transition, but when we "zoom in" fast, it's like staring into a flashlight !

It's not usable.

![Image](https://github.com/user-attachments/assets/9abc31a9-3956-43c6-abbe-4738890939bb)

![Image](https://github.com/user-attachments/assets/4f47ddaf-e1c8-4d46-a387-a532e6bb74b8)

![Image](https://github.com/user-attachments/assets/e0a4a7be-7e1e-4dec-b8a6-7fac034202cb)

![Image](https://github.com/user-attachments/assets/86fec0f1-a8c1-4a50-b184-d72e6beb68bd)

![Image](https://github.com/user-attachments/assets/3d958349-aea6-45a1-bf1b-713be2dbed39)

![Image](https://github.com/user-attachments/assets/b1811b25-a5da-42a9-9fb5-d1ca5440e5df)

![Image](https://github.com/user-attachments/assets/880ad4df-fedc-417a-af1f-5dcc6ee737c5)

![Image](https://github.com/user-attachments/assets/18c3cbb5-1069-4a40-81b4-d63287180643)

![Image](https://github.com/user-attachments/assets/b7af25c2-2dec-47e3-9d42-a0e41bc20cce)

![Image](https://github.com/user-attachments/assets/c71efc46-d8a8-4c51-85e2-081da6225340)

![Image](https://github.com/user-attachments/assets/388b990d-54da-4b72-a20a-e45fcaf1a69f)

### When does this problem occur?

When creating new themes.

### How often do you encounter this problem?

Multiple times per day

### How much does this problem affect your workflow?

Causes moderate inconvenience

### Current workarounds

_No response_

### Ideas for solutions (Optional)

Add a setting in the Color Palette to remove or decrease brightness variation, when we change zoom.

### Additional context

I'm trying to get better "eye saving" themes.

- https://github.com/Comfy-Org/ComfyUI_frontend/issues/5531
- https://github.com/Comfy-Org/ComfyUI_frontend/issues/5557

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-5558-Themes-Allow-to-disable-zoom-brightness-variation-via-Color-Palette-26e6d73d3650817a897cdc7384cec86a) by [Unito](https://www.unito.io)

Contributor guide

Open the contributing guide

Research direction

The issue does not name files or tests. Start by locating the Color Palette and theme handling, then trace the zoom-related brightness variation to determine where a disable or reduction setting belongs. Done means a theme can control this variation and zooming no longer causes unwanted brightness changes.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
32/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.