diff options
| author | Alessandro Portale <alessandro.portale@qt.io> | 2024-04-11 17:11:56 +0200 |
|---|---|---|
| committer | Alessandro Portale <alessandro.portale@qt.io> | 2024-05-02 15:52:11 +0000 |
| commit | a0b19d9fba713232527d84a7c124e335f567678f (patch) | |
| tree | 9ab408506fd91b8380257fefd8905dc5e948ceaf /share/qtcreator | |
| parent | d3fb3a163c97dfa3a2c9b41dbdd0307522968628 (diff) | |
Welcome: Restore legibility
After the release of Qt Creator 13.0.0, a couple of bug reports and
comments regarding reduced legibility appeared.
They boil down to:
1) Text appears blurry
2) Text is too small
3) Text contrast is too low
This change fixes the blurryness by setting less custom font weights for
non-HighDpi systems in StyleHelper::uiFont().
Bigger texts are used for the "Session" and "Recent Project" delegates.
The text contrast is being increased by making Token_Text_Accent darker
for light themes and brighter for dark themes.
Token_Background_Muted, which is used as background color is made a bit
brighter for light themes.
Fixes: QTCREATORBUG-30579
Fixes: QTCREATORBUG-30637
Fixes: QTCREATORBUG-30650
Change-Id: I8eeb9db6854a19b0de0bcee14b10e2ef66234e06
Reviewed-by: André Hartmann <aha_1980@gmx.de>
Reviewed-by: hjk <hjk@qt.io>
Diffstat (limited to 'share/qtcreator')
| -rw-r--r-- | share/qtcreator/themes/dark.figmatokens | 8 | ||||
| -rw-r--r-- | share/qtcreator/themes/light.figmatokens | 9 |
2 files changed, 14 insertions, 3 deletions
diff --git a/share/qtcreator/themes/dark.figmatokens b/share/qtcreator/themes/dark.figmatokens index 8937a3cc2d..194ce7fab2 100644 --- a/share/qtcreator/themes/dark.figmatokens +++ b/share/qtcreator/themes/dark.figmatokens @@ -20,7 +20,13 @@ Token_Foreground_Subtle=ff2A2A2A Token_Text_Default=ffF8F8F8 Token_Text_Muted=ffAEAEAE Token_Text_Subtle=ff595959 -Token_Text_Accent=ff23B26A + +; Token_Text_Accent value from Figma is still too dark. Therefore, it is modified, here. +; Text (consisting of thin lines) needs to be substantially brighter than accent colors used for +; larger-area elements like the filled button. + +; Token_Text_Accent=ff23B26A +Token_Text_Accent=ff30C06A Token_Stroke_Strong=ffeeeeee Token_Stroke_Muted=ff727272 diff --git a/share/qtcreator/themes/light.figmatokens b/share/qtcreator/themes/light.figmatokens index 6ef243d17d..138ad74afd 100644 --- a/share/qtcreator/themes/light.figmatokens +++ b/share/qtcreator/themes/light.figmatokens @@ -10,7 +10,12 @@ Token_Accent_Muted=ff1f9b5d Token_Accent_Subtle=ff1a8550 Token_Background_Default=fffcfcfc -Token_Background_Muted=ffF2F2F2 + +; Token_Background_Muted value from Figma is too dark to ensure proper contrast when used as +; text bachground. Therefore, it is modified, here. + +;Token_Background_Muted=ffF2F2F2 +Token_Background_Muted=ffF6F6F6 Token_Background_Subtle=ffe7e7e7 Token_Foreground_Default=ffD8D8D8 @@ -20,7 +25,7 @@ Token_Foreground_Subtle=ffEFEFEF Token_Text_Default=ff393939 Token_Text_Muted=ff6a6a6a Token_Text_Subtle=ffbebebe -Token_Text_Accent=ff28C878 +Token_Text_Accent=ff1F9B5D Token_Stroke_Strong=ff464646 Token_Stroke_Muted=ff727272 |