From 51fdaf2731badea75981f891bef08fb3beff4fb5 Mon Sep 17 00:00:00 2001 From: Baptiste Devessier Date: Thu, 30 Oct 2025 17:23:22 +0100 Subject: [PATCH] Some fixes for colors (#15479) Please note the background colors of the tags and of the nodes ## Before CleanShot 2025-10-30 at 16 03 21@2x ## After CleanShot 2025-10-30 at 17 03 25@2x --- .../utils/getWorkflowDiagramColors.ts | 8 +-- .../twenty-ui/src/theme/constants/TagDark.ts | 60 +++++++++---------- .../twenty-ui/src/theme/constants/TagLight.ts | 60 +++++++++---------- 3 files changed, 64 insertions(+), 64 deletions(-) diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowDiagramColors.ts b/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowDiagramColors.ts index 1fd35a93770..ecee1b89af8 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowDiagramColors.ts +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowDiagramColors.ts @@ -26,7 +26,7 @@ export const getWorkflowDiagramColors = ({ case 'RUNNING': { return { selected: { - background: theme.color.yellow3, + background: theme.color.yellow2, borderColor: theme.color.yellow, color: theme.tag.text.yellow, titleColor: theme.font.color.primary, @@ -44,7 +44,7 @@ export const getWorkflowDiagramColors = ({ case 'FAILED': { return { selected: { - background: theme.color.red3, + background: theme.color.red2, borderColor: theme.color.red, color: theme.tag.text.red, titleColor: theme.font.color.primary, @@ -63,7 +63,7 @@ export const getWorkflowDiagramColors = ({ case 'SUCCESS': { return { selected: { - background: theme.color.turquoise3, + background: theme.color.turquoise2, borderColor: theme.color.turquoise, color: theme.tag.text.green, titleColor: theme.font.color.primary, @@ -81,7 +81,7 @@ export const getWorkflowDiagramColors = ({ default: { return { selected: { - background: theme.color.blue3, + background: theme.color.blue2, borderColor: theme.color.blue, color: theme.tag.text.blue, titleColor: theme.font.color.primary, diff --git a/packages/twenty-ui/src/theme/constants/TagDark.ts b/packages/twenty-ui/src/theme/constants/TagDark.ts index cde57b776a1..ba2014fd3cb 100644 --- a/packages/twenty-ui/src/theme/constants/TagDark.ts +++ b/packages/twenty-ui/src/theme/constants/TagDark.ts @@ -34,35 +34,35 @@ export const TAG_DARK = { yellow: COLOR_DARK.yellow11, }, background: { - gray: COLOR_DARK.gray4, - mauve: COLOR_DARK.mauve4, - slate: COLOR_DARK.slate4, - sage: COLOR_DARK.sage4, - olive: COLOR_DARK.olive4, - sand: COLOR_DARK.sand4, - tomato: COLOR_DARK.tomato4, - red: COLOR_DARK.red4, - ruby: COLOR_DARK.ruby4, - crimson: COLOR_DARK.crimson4, - pink: COLOR_DARK.pink4, - plum: COLOR_DARK.plum4, - purple: COLOR_DARK.purple4, - violet: COLOR_DARK.violet4, - iris: COLOR_DARK.iris4, - cyan: COLOR_DARK.cyan4, - turquoise: COLOR_DARK.turquoise4, - sky: COLOR_DARK.sky4, - blue: COLOR_DARK.blue4, - jade: COLOR_DARK.jade4, - green: COLOR_DARK.green4, - grass: COLOR_DARK.grass4, - mint: COLOR_DARK.mint4, - lime: COLOR_DARK.lime4, - bronze: COLOR_DARK.bronze4, - gold: COLOR_DARK.gold4, - brown: COLOR_DARK.brown4, - orange: COLOR_DARK.orange4, - amber: COLOR_DARK.amber4, - yellow: COLOR_DARK.yellow4, + gray: COLOR_DARK.gray3, + mauve: COLOR_DARK.mauve3, + slate: COLOR_DARK.slate3, + sage: COLOR_DARK.sage3, + olive: COLOR_DARK.olive3, + sand: COLOR_DARK.sand3, + tomato: COLOR_DARK.tomato3, + red: COLOR_DARK.red3, + ruby: COLOR_DARK.ruby3, + crimson: COLOR_DARK.crimson3, + pink: COLOR_DARK.pink3, + plum: COLOR_DARK.plum3, + purple: COLOR_DARK.purple3, + violet: COLOR_DARK.violet3, + iris: COLOR_DARK.iris3, + cyan: COLOR_DARK.cyan3, + turquoise: COLOR_DARK.turquoise3, + sky: COLOR_DARK.sky3, + blue: COLOR_DARK.blue3, + jade: COLOR_DARK.jade3, + green: COLOR_DARK.green3, + grass: COLOR_DARK.grass3, + mint: COLOR_DARK.mint3, + lime: COLOR_DARK.lime3, + bronze: COLOR_DARK.bronze3, + gold: COLOR_DARK.gold3, + brown: COLOR_DARK.brown3, + orange: COLOR_DARK.orange3, + amber: COLOR_DARK.amber3, + yellow: COLOR_DARK.yellow3, }, }; diff --git a/packages/twenty-ui/src/theme/constants/TagLight.ts b/packages/twenty-ui/src/theme/constants/TagLight.ts index 05af2a03fef..3a8c3d2c5b0 100644 --- a/packages/twenty-ui/src/theme/constants/TagLight.ts +++ b/packages/twenty-ui/src/theme/constants/TagLight.ts @@ -34,35 +34,35 @@ export const TAG_LIGHT = { yellow: COLOR_LIGHT.yellow11, }, background: { - gray: COLOR_LIGHT.gray4, - mauve: COLOR_LIGHT.mauve4, - slate: COLOR_LIGHT.slate4, - sage: COLOR_LIGHT.sage4, - olive: COLOR_LIGHT.olive4, - sand: COLOR_LIGHT.sand4, - tomato: COLOR_LIGHT.tomato4, - red: COLOR_LIGHT.red4, - ruby: COLOR_LIGHT.ruby4, - crimson: COLOR_LIGHT.crimson4, - pink: COLOR_LIGHT.pink4, - plum: COLOR_LIGHT.plum4, - purple: COLOR_LIGHT.purple4, - violet: COLOR_LIGHT.violet4, - iris: COLOR_LIGHT.iris4, - cyan: COLOR_LIGHT.cyan4, - turquoise: COLOR_LIGHT.turquoise4, - sky: COLOR_LIGHT.sky4, - blue: COLOR_LIGHT.blue4, - jade: COLOR_LIGHT.jade4, - green: COLOR_LIGHT.green4, - grass: COLOR_LIGHT.grass4, - mint: COLOR_LIGHT.mint4, - lime: COLOR_LIGHT.lime4, - bronze: COLOR_LIGHT.bronze4, - gold: COLOR_LIGHT.gold4, - brown: COLOR_LIGHT.brown4, - orange: COLOR_LIGHT.orange4, - amber: COLOR_LIGHT.amber4, - yellow: COLOR_LIGHT.yellow4, + gray: COLOR_LIGHT.gray3, + mauve: COLOR_LIGHT.mauve3, + slate: COLOR_LIGHT.slate3, + sage: COLOR_LIGHT.sage3, + olive: COLOR_LIGHT.olive3, + sand: COLOR_LIGHT.sand3, + tomato: COLOR_LIGHT.tomato3, + red: COLOR_LIGHT.red3, + ruby: COLOR_LIGHT.ruby3, + crimson: COLOR_LIGHT.crimson3, + pink: COLOR_LIGHT.pink3, + plum: COLOR_LIGHT.plum3, + purple: COLOR_LIGHT.purple3, + violet: COLOR_LIGHT.violet3, + iris: COLOR_LIGHT.iris3, + cyan: COLOR_LIGHT.cyan3, + turquoise: COLOR_LIGHT.turquoise3, + sky: COLOR_LIGHT.sky3, + blue: COLOR_LIGHT.blue3, + jade: COLOR_LIGHT.jade3, + green: COLOR_LIGHT.green3, + grass: COLOR_LIGHT.grass3, + mint: COLOR_LIGHT.mint3, + lime: COLOR_LIGHT.lime3, + bronze: COLOR_LIGHT.bronze3, + gold: COLOR_LIGHT.gold3, + brown: COLOR_LIGHT.brown3, + orange: COLOR_LIGHT.orange3, + amber: COLOR_LIGHT.amber3, + yellow: COLOR_LIGHT.yellow3, }, };