[Bug]: Theme Color Dropdown Does Not Close on Outside Click

[toufiq00007]

Area

Servers and channels

What happened?

Description

When opening the "Color Themes" dropdown menu via the Theme button, the menu remains open persistently. Clicking on empty or neutral spaces outside of the dropdown container does not dismiss it; it only closes if the theme button or a color swatch inside the menu is specifically clicked.

Visual Reference

• File Reference: 2.jpg
• Current State: The "Color Themes" popover menu overlays the main dashboard content and stays open regardless of clicks on the outer canvas/background.

Steps to reproduce

Steps to Reproduce

1. Click the "Theme" button in the upper right navigation bar to open the Color Themes panel.
2. Click anywhere on the main application background (e.g., the center illustration or the sidebar area).
3. Observe that the Color Themes menu stays visible.

Expected behavior

Expected Behavior

Clicking anywhere outside the boundaries of the Color Themes dropdown container should automatically dismiss/close the menu to ensure smooth navigation.

Actual behavior

"click outside to close" mechanism (often called an outside click handler or click-away listener). For modern web apps, especially clean interfaces like the one visible in 2.jpg, having a modal or dropdown trap the user until they click a specific element is considered poor UX. Standard behavior dictates that clicking the backdrop or any neutral space should dismiss the menu.

App surface

Other

Local environment

No response

Console, network, or server logs

Screenshots or recordings

No response

Before submitting

• I checked for an existing issue that already describes this bug.
• I included enough detail for someone else to reproduce the issue.

[toufiq00007]

@chthonn I would like to work on this issue under GSSoC'26. Can you please assign this issue to me?
Thank you in advance.

[chthonn]

@toufiq00007 Go ahead