From b1a9eeaea508e3df0b4a66529000a7ee27c4dfe6 Mon Sep 17 00:00:00 2001 From: Alessandro Portale Date: Tue, 1 Oct 2024 21:53:55 +0200 Subject: [PATCH] Themes: Update to latest color tokens As defined in the latest Figma design. Change-Id: Ie3608e1c81a00ed7f55d911c02f688b1dc99f961 Reviewed-by: Cristian Adam --- share/qtcreator/themes/dark.figmatokens | 50 +++++++++------------ share/qtcreator/themes/light.figmatokens | 57 +++++++++++------------- 2 files changed, 48 insertions(+), 59 deletions(-) diff --git a/share/qtcreator/themes/dark.figmatokens b/share/qtcreator/themes/dark.figmatokens index d65ae21fa3f..d0b638b83c2 100644 --- a/share/qtcreator/themes/dark.figmatokens +++ b/share/qtcreator/themes/dark.figmatokens @@ -2,42 +2,36 @@ [Colors] -Token_Basic_Black=ff131313 -Token_Basic_White=fff8f8f8 +Token_Basic_Black=ff181818 +Token_Basic_White=ffFCFCFC -Token_Accent_Default=ff1F9B5D -Token_Accent_Muted=ff228C57 -Token_Accent_Subtle=ff1F7A4D +Token_Accent_Default=ff12A75D +Token_Accent_Muted=ff12834B +Token_Accent_Subtle=ff14673E Token_Background_Default=ff1f1f1f Token_Background_Muted=ff262626 -Token_Background_Subtle=ff2e2e2e +Token_Background_Subtle=ff2D2D2D -Token_Foreground_Default=ff474747 -Token_Foreground_Muted=ff353535 -Token_Foreground_Subtle=ff2A2A2A +Token_Foreground_Default=ff4A4A4A +Token_Foreground_Muted=ff3F3F3F +Token_Foreground_Subtle=ff353535 -Token_Text_Default=ffF8F8F8 +Token_Text_Default=ffF2F2F2 Token_Text_Muted=ffAEAEAE Token_Text_Subtle=ff595959 +Token_Text_Accent=ff1EC974 -; 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_Stroke_Strong=ffE3E3E3 +Token_Stroke_Muted=ff909090 +Token_Stroke_Subtle=ff4A4A4A -; Token_Text_Accent=ff23B26A -Token_Text_Accent=ff30C06A +Token_Notification_Alert=ffEB991F +Token_Notification_Success=ff1EC974 +Token_Notification_Neutral=ff6052FF +Token_Notification_Danger=ffDC1343 -Token_Stroke_Strong=ffeeeeee -Token_Stroke_Muted=ff727272 -Token_Stroke_Subtle=ff3a3a3a - -Token_Notification_Alert=ffc98014 -Token_Notification_Success=ff1f9b5d -Token_Notification_Neutral=ff016876 -Token_Notification_Danger=ffb22245 - -Token_Gradient01_Start=ff016876 -Token_Gradient01_End=ff1F9B5D -Token_Gradient02_Start=ff3A3A3A -Token_Gradient02_End=ff838383 +Token_Gradient01_Start=ff057880 +Token_Gradient01_End=ff12A75D +Token_Gradient02_Start=ff4A4A4A +Token_Gradient02_End=ff909090 diff --git a/share/qtcreator/themes/light.figmatokens b/share/qtcreator/themes/light.figmatokens index 8bbe56319d3..5713ba901d7 100644 --- a/share/qtcreator/themes/light.figmatokens +++ b/share/qtcreator/themes/light.figmatokens @@ -2,41 +2,36 @@ [Colors] -Token_Basic_Black=ff131313 -Token_Basic_White=fff2f2f2 +Token_Basic_Black=ff181818 +Token_Basic_White=ffFCFCFC -Token_Accent_Default=ff23b26a -Token_Accent_Muted=ff1f9b5d -Token_Accent_Subtle=ff1a8550 +Token_Accent_Default=ff1EC974 +Token_Accent_Muted=ff12A75D +Token_Accent_Subtle=ff12834B -Token_Background_Default=fffcfcfc +Token_Background_Default=ffFCFCFC +Token_Background_Muted=ffF2F2F2 +Token_Background_Subtle=ffE3E3E3 -; Token_Background_Muted value from Figma is too dark to ensure proper contrast when used as -; text bachground. Therefore, it is modified, here. +Token_Foreground_Default=ffBEBEBE +Token_Foreground_Muted=ffCDCDCD +Token_Foreground_Subtle=ffE3E3E3 -;Token_Background_Muted=ffF2F2F2 -Token_Background_Muted=ffF6F6F6 -Token_Background_Subtle=ffe7e7e7 +Token_Text_Default=ff2D2D2D +Token_Text_Muted=ff595959 +Token_Text_Subtle=ffAEAEAE +Token_Text_Accent=ff12A75D -Token_Foreground_Default=ffD8D8D8 -Token_Foreground_Muted=ffE3E3E3 -Token_Foreground_Subtle=ffEFEFEF +Token_Stroke_Strong=ff595959 +Token_Stroke_Muted=ff909090 +Token_Stroke_Subtle=ffCDCDCD -Token_Text_Default=ff393939 -Token_Text_Muted=ff6a6a6a -Token_Text_Subtle=ffbebebe -Token_Text_Accent=ff1F9B5D +Token_Notification_Alert=ffEB991F +Token_Notification_Success=ff12A75D +Token_Notification_Neutral=ff4C2FF8 +Token_Notification_Danger=ffFC375D -Token_Stroke_Strong=ff464646 -Token_Stroke_Muted=ff727272 -Token_Stroke_Subtle=ffcdcdcd - -Token_Notification_Alert=ffeb991f -Token_Notification_Success=ff23b26a -Token_Notification_Neutral=ff0e7887 -Token_Notification_Danger=ffdc1343 - -Token_Gradient01_Start=ff23B26A -Token_Gradient01_End=ff0E7887 -Token_Gradient02_Start=ff949494 -Token_Gradient02_End=ff474747 +Token_Gradient01_Start=ff1EC974 +Token_Gradient01_End=ff0099A1 +Token_Gradient02_Start=ff9D9D9D +Token_Gradient02_End=ff595959