Color Picker Lightness Bar/Selector Inoperative #23812

Closed
opened 2026-01-31 08:53:16 +00:00 by claunia · 2 comments
Owner

Originally created by @McCovican on GitHub (Nov 17, 2025).

Originally assigned to: @carlos-zamora on GitHub.

Windows Terminal version

1.23.12811.0 && 1.24.2812.0

Windows build number

10.0.19045.6575

Other Software

No response

Steps to reproduce

  • Open the settings menu of Windows Terminal (stable or preview);
  • Go to any option that allows you to customize the colour;
  • Click "More Colors";
  • A colour-picker menu opens up;
  • The large, main square lets you select hue & saturation – this works fine;
  • The thin vertical bar on the right is to select the colour lightness value;
  • Click on it;

Expected Behavior

You are meant to be able to click a linear y-axis location on this bar, which changes the lightness value of the selected colour.
The bar should also visibly display a gradient of all the lightness values possible for the current hue/saturation selected in the main 2D square box to the left.

Image

Actual Behavior

Clicking on the lightness bar does nothing. Zero feedback whatsoever;
The bar also does not display a lightness gradient – instead, it shows only the actual colour selected. This colour can be influenced by what is selected in the X/Y hue/lightness box, but the lightness value seems to be based solely on the original colour of the property that you're currently modifying. (You can see that it very doesn't match the shade of blue selected in the box)

Image

NB: Ultimately, the colour can be fully configured by setting the hex value manually in the config, but man, that's a right faff.

PS: I actually would've expected the hue to be the thin bar, with lightness/saturation in the larger box. But if the X/Y box is to be hue/saturation, I would then expect the lightness value on the right to dynamically impact the colours shown in the main X/Y box. Ultimately not critical, but if the main box doesn't dynamically update, you'd need to add a new UI element somewhere that accurately represents the currently-selected colour.

Originally created by @McCovican on GitHub (Nov 17, 2025). Originally assigned to: @carlos-zamora on GitHub. ### Windows Terminal version 1.23.12811.0 && 1.24.2812.0 ### Windows build number 10.0.19045.6575 ### Other Software _No response_ ### Steps to reproduce - Open the settings menu of Windows Terminal (stable or preview); - Go to any option that allows you to customize the colour; - Click "More Colors"; - A colour-picker menu opens up; - The large, main square lets you select hue & saturation – this works fine; - The thin vertical bar on the right is to select the colour lightness value; - Click on it; ### Expected Behavior You are meant to be able to click a linear y-axis location on this bar, which changes the lightness value of the selected colour. The bar should also visibly display a gradient of all the lightness values possible for the current hue/saturation selected in the main 2D square box to the left. <img width="1092" height="676" alt="Image" src="https://github.com/user-attachments/assets/ce6deb78-d819-4981-afd5-45594c3a0a47" /> ### Actual Behavior Clicking on the lightness bar does nothing. Zero feedback whatsoever; The bar also does not display a lightness gradient – instead, it shows only the actual colour selected. This colour can be influenced by what is selected in the X/Y hue/lightness box, but the lightness value seems to be based solely on the original colour of the property that you're currently modifying. (You can see that it very doesn't match the shade of blue selected in the box) <img width="1092" height="676" alt="Image" src="https://github.com/user-attachments/assets/fb4ec5ab-384b-49c4-950f-c3eb1171baf4" /> NB: Ultimately, the colour can be fully configured by setting the hex value manually in the config, but man, that's a right faff. PS: I actually would've expected the *hue* to be the thin bar, with lightness/saturation in the larger box. But if the X/Y box is to be hue/saturation, I would then expect the lightness value on the right to dynamically impact the colours shown in the main X/Y box. Ultimately not *critical*, but if the main box doesn't dynamically update, you'd need to add a *new* UI element *somewhere* that accurately represents the currently-selected colour.
claunia added the Issue-BugNeeds-Tag-FixProduct-TerminalArea-UserInterface labels 2026-01-31 08:53:16 +00:00
Author
Owner

@McCovican commented on GitHub (Nov 19, 2025):

Update: So, this seems to only happen when altering colours that are in a profile. I just found the whole custom colour schemes thing and...

Image

Seems my assumption about the right-side bar being for lightness was in error. Altering colours in a profile (eg: caret colour) is just missing the entire lower-half of the colour-picker box.

@McCovican commented on GitHub (Nov 19, 2025): Update: So, this seems to only happen when altering colours that are *in a profile*. I just found the whole custom colour schemes thing and... <img width="1092" height="676" alt="Image" src="https://github.com/user-attachments/assets/65efdf47-bc87-4d54-ba7a-8b4f36724de9" /> Seems my assumption about the right-side bar being for lightness was in error. Altering colours in a profile (eg: caret colour) is just missing the entire lower-half of the colour-picker box.
Author
Owner

@carlos-zamora commented on GitHub (Nov 19, 2025):

Thanks for filing! Yeah, so the profiles use a custom control I created called the NullableColorPicker. This reuses the color picker in WinUI, but it handles the conversion between the color type Terminal uses and the one WinUI uses. The color picker for color schemes just uses the built-in WinUI one.

There's several customizations that can be applied to the WinUI one (see below). Looks like we should enable a few more of them like "IsMoreButtonVisible" and "IsColorSliderVisible", at least.

Image
@carlos-zamora commented on GitHub (Nov 19, 2025): Thanks for filing! Yeah, so the profiles use a custom control I created called the `NullableColorPicker`. This reuses the color picker in WinUI, but it handles the conversion between the color type Terminal uses and the one WinUI uses. The color picker for color schemes just uses the built-in WinUI one. There's several customizations that can be applied to the WinUI one (see below). Looks like we should enable a few more of them like "IsMoreButtonVisible" and "IsColorSliderVisible", at least. <img width="814" height="588" alt="Image" src="https://github.com/user-attachments/assets/717de7b0-6884-4ccd-85e2-8656c7344df5" />
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#23812