vynte-infra/twenty
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Some fixes for colors (#15479)

Browse Source 
Please note the background colors of the tags and of the nodes

## Before

<img width="3456" height="2161" alt="CleanShot 2025-10-30 at 16 03
21@2x"
src="https://github.com/user-attachments/assets/09cbd1bd-26e2-4e05-88bc-f7d96de8a004"
/>

## After

<img width="3456" height="2160" alt="CleanShot 2025-10-30 at 17 03
25@2x"
src="https://github.com/user-attachments/assets/dc4fe113-1489-4476-a8b6-4cb446addcd5"
/>
This commit is contained in:
Baptiste Devessier
2025-10-30 16:23:22 +00:00
committed by GitHub
parent a16fcebe67
commit 51fdaf2731
3 changed files with 64 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/workflow/workflow-diagram/utils/getWorkflowDiagramColors.ts
+4 -4
View File
@@ -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,
packages/twenty-ui/src/theme/constants/TagDark.ts
+30 -30
View File
@@ -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,
},
};
packages/twenty-ui/src/theme/constants/TagLight.ts
+30 -30
View File
@@ -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,
},
};