UX: change 'Delete' button to grey instead of red

[abctaylor]

⚠️ Please verify that this bug has NOT been raised before.

• I checked and didn't find similar issue

🛡️ Security Policy

• I agree to have read this project Security Policy

Description

Hi - on a healthy setup, you'd want to see all green/neutral colours on your screen. The 'delete' button remains red. To demonstrate, consider this perspective. The red grabs your attention for no real reason. I'd suggest it be changed to grey.

👟 Reproduction steps

N/A

👀 Expected behavior

Grey button to look better

😓 Actual Behavior

Red button...

🐻 Uptime-Kuma Version

1.23.10

💻 Operating System and Arch

Almalinux kernel 6.6.8

🌐 Browser

Chrome

🐋 Docker Version

Kubernetes

🟩 NodeJS Version

No response

📝 Relevant log output

No response

[iamabhshk]

Is this issue resolved? If not can I take this up?

[chakflying]

I don't think the proposed solution is a good idea, since it should still be red to signify a "danger action". But maybe we can think about hiding it in an overflow menu.

[abctaylor]

That's why there is a modal that asks you to confirm to proceed. It's a good idea to keep that button red but I'd still be in favour of making this delete button grey, or if people have very strong views on red, maybe a red trash icon and a grey background to make it less intrusive. Andrew

[CommanderStorm]

my design textbook has this to say about this topic:

[iamabhshk]

I made the changes, here is the Pull request
#4307

[CommanderStorm]

Resolved by #4307

@iamabhshk FYI: next time please add Resolves #4290 to your PRs => said issue will get closed automatically ^^

[iamabhshk]

Sure, thanks