Color of buttons of GUI are buggy #17804

Closed
opened 2026-01-31 05:53:53 +00:00 by claunia · 9 comments
Owner

Originally created by @abbychau on GitHub (Jun 26, 2022).

Windows Terminal version

1.13

Windows build number

No response

Other Software

Windows 10

Steps to reproduce

Open Windows terminal

Expected Behavior

Color of buttons are displayed correctly

Actual Behavior

Buttons and text on buttons are barely visible

image
image
image

Originally created by @abbychau on GitHub (Jun 26, 2022). ### Windows Terminal version 1.13 ### Windows build number _No response_ ### Other Software Windows 10 ### Steps to reproduce Open Windows terminal ### Expected Behavior Color of buttons are displayed correctly ### Actual Behavior Buttons and text on buttons are barely visible ![image](https://user-images.githubusercontent.com/350283/175813616-495e91ba-771d-459e-9aca-e9fbb2fe2cd7.png) ![image](https://user-images.githubusercontent.com/350283/175813632-1920f764-a3aa-490f-8c1e-efffcbe0b956.png) ![image](https://user-images.githubusercontent.com/350283/175813672-ec9ecdbc-71b4-4eab-a848-4a953b30ee41.png)
claunia added the Needs-TriageIssue-BugNeeds-Tag-FixNeeds-Attention labels 2026-01-31 05:53:53 +00:00
Author
Owner

@zadjii-msft commented on GitHub (Jul 5, 2022):

Wow the XAML looks super messed up here. Have you done anything to modify the XAML resources on your system at all/? Does this persist if you change the Terminal to use Dark theme instead of Light (or "Use Windows theme", which is the default)? Does this repro for any other apps on your system, like maybe PowerToys?

I've never seen anything like this before, so I have little to no idea what might have caused that.

@zadjii-msft commented on GitHub (Jul 5, 2022): Wow the XAML looks super messed up here. Have you done anything to modify the XAML resources on your system at all/? Does this persist if you change the Terminal to use Dark theme instead of Light (or "Use Windows theme", which is the default)? Does this repro for any other apps on your system, like maybe PowerToys? I've never seen anything like this before, so I have little to no idea what might have caused that.
Author
Owner

@abbychau commented on GitHub (Jul 9, 2022):

Have you done anything to modify the XAML resources on your system at all/?
I don't know. How can I check it?

Does this persist if you change the Terminal to use Dark theme instead of Light (or "Use Windows theme", which is the default)?
Yes. It persists in Dark, Light, or default windows themes.

Does this repro for any other apps on your system, like maybe PowerToys?

image

it looks ok in powertoys, but I remember a similar flaw in powertoys before. they seem fixed it in new versions.

@abbychau commented on GitHub (Jul 9, 2022): > Have you done anything to modify the XAML resources on your system at all/? I don't know. How can I check it? > Does this persist if you change the Terminal to use Dark theme instead of Light (or "Use Windows theme", which is the default)? Yes. It persists in Dark, Light, or default windows themes. Does this repro for any other apps on your system, like maybe PowerToys? ![image](https://user-images.githubusercontent.com/350283/178093124-8fa7e15f-5742-4cb8-b80e-f958013122e9.png) it looks ok in powertoys, but I remember a similar flaw in powertoys before. they seem fixed it in new versions.
Author
Owner

@zadjii-msft commented on GitHub (Jul 11, 2022):

I remember a similar flaw in powertoys before

Huh, that's a curious observation. Apparently PT actually just switched off of XAML Islands recently, so that would make sense why this was fixed for them. I unfortunately don't know any other XAML Island apps that we could use to test that theory 😕

It's like all the Buttons have like, 90% transparency or something, this is really weird. Like, you can see the colors faintly on the Color Scheme buttons, but they're almost entirely washed out.

What theme is your OS set to? I'd guess light theme, but the titlebar for PowerToys is dark, so that's curious.

What does the Terminal look like if you set the Terminal theme to Dark/?

@zadjii-msft commented on GitHub (Jul 11, 2022): > I remember a similar flaw in powertoys before Huh, that's a curious observation. Apparently PT actually just switched off of XAML Islands recently, so that would make sense why this was fixed for them. I unfortunately don't know any other XAML Island apps that we could use to test that theory 😕 It's like all the `Button`s have like, 90% transparency or something, this is really weird. Like, you can see the colors faintly on the Color Scheme buttons, but they're almost entirely washed out. What theme is your OS set to? I'd guess light theme, but the titlebar for PowerToys is dark, so that's curious. What does the Terminal look like if you set the Terminal theme to Dark/?
Author
Owner

@abbychau commented on GitHub (Jul 12, 2022):

I was setting dark for windows mode and light for application mode.
If I set them both to dark modes, the color shows on the setting page

image

but the confirm button on the bottom right-hand corner is still messed up.

also, there are unexpected shadows when I hover on the 3 buttons on the top.
https://youtu.be/d9xyPo1pcis

@abbychau commented on GitHub (Jul 12, 2022): I was setting dark for windows mode and light for application mode. If I set them both to dark modes, the color shows on the setting page ![image](https://user-images.githubusercontent.com/350283/178400928-df9152cf-09bf-443f-9095-e3ffc087e419.png) but the confirm button on the bottom right-hand corner is still messed up. also, there are unexpected shadows when I hover on the 3 buttons on the top. https://youtu.be/d9xyPo1pcis
Author
Owner

@cniggeler commented on GitHub (Aug 10, 2022):

I cannot replicate the issue in Windows 11 Pro. However, I can confirm it occurs in Windows 10:

If I match the Windows mode and default application mode to dark, the colors show up in the buttons. However, the "Close all" button on the "Do you want to close all tabs dialog" remains unreadable. Light/light is the worst, and for light/dark, the "Close all" button shows up, but the Save button on any Terminal dialog becomes unreadable.

@cniggeler commented on GitHub (Aug 10, 2022): I cannot replicate the issue in Windows 11 Pro. However, I can confirm it occurs in Windows 10: If I match the Windows mode and default application mode to dark, the colors show up in the buttons. However, the "Close all" button on the "Do you want to close all tabs dialog" remains unreadable. Light/light is the worst, and for light/dark, the "Close all" button shows up, but the Save button on any Terminal dialog becomes unreadable.
Author
Owner

@carlos-zamora commented on GitHub (Mar 29, 2023):

Thanks for confirming that this is fixed in Windows 11. It looks like this is a Windows 10 issue that is external to our code. I don't think there is anything we can do on our side to fix it. So, unfortunately, we're going to close this one as resolution-external.

@carlos-zamora commented on GitHub (Mar 29, 2023): Thanks for confirming that this is fixed in Windows 11. It looks like this is a Windows 10 issue that is external to our code. I don't think there is anything we can do on our side to fix it. So, unfortunately, we're going to close this one as resolution-external.
Author
Owner

@zadjii-msft commented on GitHub (May 30, 2023):

Huh, this looks a lot like https://github.com/microsoft/microsoft-ui-xaml/issues/5670. That never got a resolution, but just x-linking for reference.

@zadjii-msft commented on GitHub (May 30, 2023): Huh, this looks a lot like https://github.com/microsoft/microsoft-ui-xaml/issues/5670. That never got a resolution, but just x-linking for reference.
Author
Owner

@lexthedev commented on GitHub (Sep 7, 2023):

Thanks for confirming that this is fixed in Windows 11. It looks like this is a Windows 10 issue that is external to our code. I don't think there is anything we can do on our side to fix it. So, unfortunately, we're going to close this one as resolution-external.

Win 11 pro has this issue - transparent buttons

@cniggeler fyi

@lexthedev commented on GitHub (Sep 7, 2023): > Thanks for confirming that this is fixed in Windows 11. It looks like this is a Windows 10 issue that is external to our code. I don't think there is anything we can do on our side to fix it. So, unfortunately, we're going to close this one as resolution-external. Win 11 pro has this issue - [transparent buttons](https://answers.microsoft.com/en-us/windows/forum/windows_11-performance/strange-buttons-colors-behaviour-pale-or/b85bf0da-e34f-4331-8f2f-0628892e82dc) @cniggeler fyi
Author
Owner

@fschmied commented on GitHub (Nov 28, 2023):

@carlos-zamora I, too, am seeing the same issue on Windows 10 22H2 (19045.3693) - I cannot read the text on any of the buttons displayed by Windows Terminal. I haven't seen this issue in any other application.

image

Any ideas what I can do about it?

@fschmied commented on GitHub (Nov 28, 2023): @carlos-zamora I, too, am seeing the same issue on Windows 10 22H2 (19045.3693) - I cannot read the text on any of the buttons displayed by Windows Terminal. I haven't seen this issue in any other application. ![image](https://github.com/microsoft/terminal/assets/139564/9caed8bd-5b91-46f5-8666-39ca6fb25182) Any ideas what I can do about it?
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#17804