Hello,
I want to report a bug with text color in textbox and presumably in some other controls. When the textbox is edited, then the color is correctly black:
Telerik: Windows 11 settings textBox:
But when the textbox loses focus, it changes the color to gray, which is hard to read and looks like disabled:
Telerik: Windows 11 settings textBox:
Thanks
Hi Devel,
The Windows 11 theme follows the guidelines for the Windows 11 design published by Microsoft. We designed the gray unfocused TextBox foreground based on this information. However, it turned out that some of the visual states in the Windows 11 OS were not implemented according to the guidelines.
Changing this color at the current moment will cause a visual breaking change to a big number of Telerik users, which is why we prefer to keep it as it is. However, you can change this behavior by replacing the value of the SecondaryForegroundColor of the Windows11Palette.
Windows11Palette.Palette.SecondaryForegroundColor = Windows11Palette.Palette.PrimaryForegroundColor;
You can find this approach in the attached project. Can you please give it a try and let me know if it helps?
Regards,
Dinko
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
I'm sorry, but wasn't the Windows 11 theme meant to mimic the real Windows 11?
It doesn't provide that right now and the current issue is also bad in terms of accessibility.
We think the font color should not be gray when out of focus by default at all.
The only reason why it should be gray is lets say disabled state, but current state is highly missleading.
Hi Devel,
You can achieve this by defining an implicit style that targets TextBox and merge a resources dictionary with it, every time you change the theme. The Foreground in the style can be found to a custom value. By doing this when you change the theme to Light you can make the text color black and when the theme is Black you can make the text color white.
I attached you a sample solution.
Regards,
Dinko
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hello,
it is very hard to read, especially on TN display panels and it also does not comply with windows 11 design.
How could we fix it regarding to light/dark mode? What brush would solve that?
Thanks
Hello Devel,
By the default design, when the TextBox is focused the text color is black and when the TextBox loses focus it becomes grey. You can change this by setting the Foreground property of the TextBox element.
Can you try this and tell me if it helps?
Regards,
Dinko
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.