Darkmode workflow actions inconsistent visuals #15693

Closed
opened 2026-02-21 19:22:56 -05:00 by yindo · 1 comment
Owner

Originally created by @DavideDelbianco on GitHub (Jul 26, 2025).

Originally assigned to: @crazywoola on GitHub.

Self Checks

  • I have read the Contributing Guide and Language Policy.
  • I have searched for existing issues search for existing issues, including closed ones.
  • I confirm that I am using English to submit this report, otherwise it will be closed.
  • Please do not modify this template :) and fill in all the required fields.

1. Is this request related to a challenge you're experiencing? Tell me about your story.

The workflow actions are using a transparent button variant, that makes it hard to read the action content when there's a node behind it.

I suggest to make them opaque like the other buttons that hover on the workflow drawing area

Image

Hard to read:
Image

Much better:

Image

in light mode it does not happen:

Image

2. Additional context or comments

No response

3. Can you help us with this feature?

  • I am interested in contributing to this feature.
Originally created by @DavideDelbianco on GitHub (Jul 26, 2025). Originally assigned to: @crazywoola on GitHub. ### Self Checks - [x] I have read the [Contributing Guide](https://github.com/langgenius/dify/blob/main/CONTRIBUTING.md) and [Language Policy](https://github.com/langgenius/dify/issues/1542). - [x] I have searched for existing issues [search for existing issues](https://github.com/langgenius/dify/issues), including closed ones. - [x] I confirm that I am using English to submit this report, otherwise it will be closed. - [x] Please do not modify this template :) and fill in all the required fields. ### 1. Is this request related to a challenge you're experiencing? Tell me about your story. The workflow actions are using a transparent button variant, that makes it hard to read the action content when there's a node behind it. I suggest to make them opaque like the other buttons that hover on the workflow drawing area <img width="442" height="56" alt="Image" src="https://github.com/user-attachments/assets/c85cc685-1447-41d3-9e0a-3e96f107b11a" /> Hard to read: <img width="435" height="82" alt="Image" src="https://github.com/user-attachments/assets/bd007cce-d645-4be7-9962-fb17ade501ce" /> Much better: <img width="245" height="336" alt="Image" src="https://github.com/user-attachments/assets/12e596fb-5008-4dc3-836d-de488638ecbb" /> in light mode it does not happen: <img width="418" height="85" alt="Image" src="https://github.com/user-attachments/assets/3195d0a5-5fcd-4a09-851a-5d3ac62aa865" /> ### 2. Additional context or comments _No response_ ### 3. Can you help us with this feature? - [ ] I am interested in contributing to this feature.
yindo closed this issue 2026-02-21 19:22:56 -05:00
Author
Owner

@ZeroZ-lab commented on GitHub (Jul 30, 2025):

I can solve this problem

@ZeroZ-lab commented on GitHub (Jul 30, 2025): I can solve this problem
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#15693