[GH-ISSUE #576] Volume PopUp customization #7214

New issue

Closed

opened 2026-05-23 02:53:04 +01:00 by JakeStanger · 3 comments

JakeStanger commented

2026-05-23 02:53:04 +01:00

Owner

Originally created by @madfanat on GitHub (May 8, 2024).
Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/576

I would like to deeply configure and style the volume/device control popup: change slider orientation, color palette and so on.

I tried to find these (style) settings myself, but couldn’t. If it’s my fault, please give an example of a more detailed configuration.

Originally created by @madfanat on GitHub (May 8, 2024). Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/576 I would like to deeply configure and style the volume/device control popup: change slider orientation, color palette and so on. I tried to find these (style) settings myself, but couldn’t. If it’s my fault, please give an example of a more detailed configuration.

JakeStanger

2026-05-23 02:53:04 +01:00

closed this issue
added the
A:Config

T:Module Enhancement

A:UX/UI

M:Volume
labels

JakeStanger commented

2026-05-23 02:53:04 +01:00

Author

Owner

@JakeStanger commented on GitHub (May 9, 2024):

The orientation of the sliders is currently hard-coded, although this can be surfaced via the config. Which sliders are you looking to change?

Would this require the popup layout to change to accommodate, or are you looking to just rotate the sliders within the current layout? This would potentially result in a very wide and short popup window.

All colours and styles should be customisable via CSS. I don't have any examples to hand, but if you're looking for specifics I can assist.

@JakeStanger commented on GitHub (May 9, 2024): The orientation of the sliders is currently hard-coded, although this can be surfaced via the config. Which sliders are you looking to change? Would this require the popup layout to change to accommodate, or are you looking to just rotate the sliders within the current layout? This would potentially result in a very wide and short popup window. All colours and styles should be customisable via CSS. I don't have any examples to hand, but if you're looking for specifics I can assist.

JakeStanger commented

2026-05-23 02:53:05 +01:00

Author

Owner

@madfanat commented on GitHub (May 9, 2024):

It’s a bit inconvenient to me that the volume slider is very thin but spends a lot of useless space (I think the reason is the device switching menu).
Maybe it would be better to move the slider to the edge and make the switching menu much shorter. Another way I see is just to rotate the slider, but this will result in a very long popup. To solve this I think we could move the app-specific tab to the top if it’s not hardcoded.

@madfanat commented on GitHub (May 9, 2024): It’s a bit inconvenient to me that the volume slider is very thin but spends a lot of useless space (I think the reason is the device switching menu). Maybe it would be better to move the slider to the edge and make the switching menu much shorter. Another way I see is just to rotate the slider, but this will result in a very long popup. To solve this I think we could move the app-specific tab to the top if it’s not hardcoded.

JakeStanger commented

2026-05-23 02:53:05 +01:00

Author

Owner

@madfanat commented on GitHub (May 9, 2024):

Also I’m about to change the background color of the text (circled) to make the look uniform.

@madfanat commented on GitHub (May 9, 2024): ![IMG_0272](https://github.com/JakeStanger/ironbar/assets/168630462/ade3b405-872a-46e7-b6dc-313187046a2c) Also I’m about to change the background color of the text (circled) to make the look uniform.