Themes: Update to latest color tokens

As defined in the latest Figma design.

Change-Id: Ie3608e1c81a00ed7f55d911c02f688b1dc99f961
Reviewed-by: Cristian Adam <cristian.adam@qt.io>
This commit is contained in:
Alessandro Portale
2024-10-01 21:53:55 +02:00
parent ef359a9b5e
commit b1a9eeaea5
2 changed files with 48 additions and 59 deletions

View File

@@ -2,42 +2,36 @@
[Colors] [Colors]
Token_Basic_Black=ff131313 Token_Basic_Black=ff181818
Token_Basic_White=fff8f8f8 Token_Basic_White=ffFCFCFC
Token_Accent_Default=ff1F9B5D Token_Accent_Default=ff12A75D
Token_Accent_Muted=ff228C57 Token_Accent_Muted=ff12834B
Token_Accent_Subtle=ff1F7A4D Token_Accent_Subtle=ff14673E
Token_Background_Default=ff1f1f1f Token_Background_Default=ff1f1f1f
Token_Background_Muted=ff262626 Token_Background_Muted=ff262626
Token_Background_Subtle=ff2e2e2e Token_Background_Subtle=ff2D2D2D
Token_Foreground_Default=ff474747 Token_Foreground_Default=ff4A4A4A
Token_Foreground_Muted=ff353535 Token_Foreground_Muted=ff3F3F3F
Token_Foreground_Subtle=ff2A2A2A Token_Foreground_Subtle=ff353535
Token_Text_Default=ffF8F8F8 Token_Text_Default=ffF2F2F2
Token_Text_Muted=ffAEAEAE Token_Text_Muted=ffAEAEAE
Token_Text_Subtle=ff595959 Token_Text_Subtle=ff595959
Token_Text_Accent=ff1EC974
; Token_Text_Accent value from Figma is still too dark. Therefore, it is modified, here. Token_Stroke_Strong=ffE3E3E3
; Text (consisting of thin lines) needs to be substantially brighter than accent colors used for Token_Stroke_Muted=ff909090
; larger-area elements like the filled button. Token_Stroke_Subtle=ff4A4A4A
; Token_Text_Accent=ff23B26A Token_Notification_Alert=ffEB991F
Token_Text_Accent=ff30C06A Token_Notification_Success=ff1EC974
Token_Notification_Neutral=ff6052FF
Token_Notification_Danger=ffDC1343
Token_Stroke_Strong=ffeeeeee Token_Gradient01_Start=ff057880
Token_Stroke_Muted=ff727272 Token_Gradient01_End=ff12A75D
Token_Stroke_Subtle=ff3a3a3a Token_Gradient02_Start=ff4A4A4A
Token_Gradient02_End=ff909090
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

View File

@@ -2,41 +2,36 @@
[Colors] [Colors]
Token_Basic_Black=ff131313 Token_Basic_Black=ff181818
Token_Basic_White=fff2f2f2 Token_Basic_White=ffFCFCFC
Token_Accent_Default=ff23b26a Token_Accent_Default=ff1EC974
Token_Accent_Muted=ff1f9b5d Token_Accent_Muted=ff12A75D
Token_Accent_Subtle=ff1a8550 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 Token_Foreground_Default=ffBEBEBE
; text bachground. Therefore, it is modified, here. Token_Foreground_Muted=ffCDCDCD
Token_Foreground_Subtle=ffE3E3E3
;Token_Background_Muted=ffF2F2F2 Token_Text_Default=ff2D2D2D
Token_Background_Muted=ffF6F6F6 Token_Text_Muted=ff595959
Token_Background_Subtle=ffe7e7e7 Token_Text_Subtle=ffAEAEAE
Token_Text_Accent=ff12A75D
Token_Foreground_Default=ffD8D8D8 Token_Stroke_Strong=ff595959
Token_Foreground_Muted=ffE3E3E3 Token_Stroke_Muted=ff909090
Token_Foreground_Subtle=ffEFEFEF Token_Stroke_Subtle=ffCDCDCD
Token_Text_Default=ff393939 Token_Notification_Alert=ffEB991F
Token_Text_Muted=ff6a6a6a Token_Notification_Success=ff12A75D
Token_Text_Subtle=ffbebebe Token_Notification_Neutral=ff4C2FF8
Token_Text_Accent=ff1F9B5D Token_Notification_Danger=ffFC375D
Token_Stroke_Strong=ff464646 Token_Gradient01_Start=ff1EC974
Token_Stroke_Muted=ff727272 Token_Gradient01_End=ff0099A1
Token_Stroke_Subtle=ffcdcdcd Token_Gradient02_Start=ff9D9D9D
Token_Gradient02_End=ff595959
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