adjust colors

apps/app/src/features/plantuml/themes/carbon-gray-common.puml.ts

@@ -112,7 +112,7 @@ skinparam participant {
 skinparam actor {
 	FontColor $PRIMARY_TEXT
 	BorderColor $GRAY_50
-	BackgroundColor $GRAY_20
+	BackgroundColor $PRIMARY
 	RoundCorner 0
 }
 !endsub

apps/app/src/features/plantuml/themes/carbon-gray-dark.puml.ts

@@ -73,9 +73,8 @@ skinparam useBetaStyle false
 !$GRAY_100 = '#161616'
 !$BLACK = '#000000'
 
-!$GRAY_DARK = $GRAY_100
 !$GRAY = $GRAY_30
-!$LIGHT = $GRAY_70
+!$LIGHT = $GRAY_30
 !$DARK = $GRAY_90
 
 '' *_LIGHT = tint (lighter) of the main color of 80%
@@ -84,30 +83,30 @@ skinparam useBetaStyle false
 ''          and SHADE is calculated by clr * (1 - shade_factor)
 ''
 !$FGCOLOR = $DARK
-!$PRIMARY = $GRAY_10
-!$PRIMARY_LIGHT = $GRAY_10
-!$PRIMARY_DARK = $GRAY_30
-!$PRIMARY_TEXT = $DARK
-!$SECONDARY = $GRAY_10
-!$SECONDARY_LIGHT = $GRAY_10
-!$SECONDARY_DARK = $GRAY_30
-!$SECONDARY_TEXT = $DARK
+!$PRIMARY = $GRAY_90
+!$PRIMARY_LIGHT = $GRAY_90
+!$PRIMARY_DARK = $GRAY_70
+!$PRIMARY_TEXT = $LIGHT
+!$SECONDARY = $GRAY_90
+!$SECONDARY_LIGHT = $GRAY_90
+!$SECONDARY_DARK = $GRAY_70
+!$SECONDARY_TEXT = $LIGHT
 !$INFO = $BLACK
-!$INFO_LIGHT = $GRAY_20
-!$INFO_DARK = $GRAY_30
-!$INFO_TEXT = $DARK
-!$SUCCESS = $DARK
-!$SUCCESS_LIGHT = $DARK
-!$SUCCESS_DARK = $DARK
+!$INFO_LIGHT = $GRAY_80
+!$INFO_DARK = $GRAY_70
+!$INFO_TEXT = $LIGHT
+!$SUCCESS = $LIGHT
+!$SUCCESS_LIGHT = $LIGHT
+!$SUCCESS_DARK = $LIGHT
 !$SUCCESS_TEXT = $BLACK
 !$WARNING = $BLACK
 !$WARNING_LIGHT = $BLACK
 !$WARNING_DARK = $BLACK
-!$WARNING_TEXT = $DARK
+!$WARNING_TEXT = $LIGHT
 !$DANGER = $BLACK
 !$DANGER_LIGHT = $BLACK
 !$DANGER_DARK = $BLACK
-!$DANGER_TEXT = $DARK
+!$DANGER_TEXT = $LIGHT
 
 !$OTHER_BG = $BLACK
 !$OTHER_TEXT = $BLACK

apps/app/src/features/plantuml/themes/carbon-gray-light.puml.ts

@@ -73,7 +73,6 @@ skinparam useBetaStyle false
 !$GRAY_100 = '#161616'
 !$WHITE = '#FFFFF'
 
-!$GRAY_DARK = $GRAY_100
 !$GRAY = $GRAY_30
 !$LIGHT = $GRAY_70
 !$DARK = $GRAY_90