diff --git a/src/themes/theme-forest.js b/src/themes/theme-forest.js index be1402762..3d15ed740 100644 --- a/src/themes/theme-forest.js +++ b/src/themes/theme-forest.js @@ -1,3 +1,4 @@ +import { darken } from 'khroma'; class Theme { constructor() { /* Base vales */ @@ -78,7 +79,7 @@ class Theme { /* Sequence Diagram variables */ - this.actorBorder = this.border1; + this.actorBorder = darken(this.mainBkg, 20); this.actorBkg = this.mainBkg; this.labelBoxBkgColor = this.actorBkg; this.labelTextColor = this.actorTextColor; diff --git a/src/themes/theme-neutral.js b/src/themes/theme-neutral.js index 3efbfc8bb..540089b9e 100644 --- a/src/themes/theme-neutral.js +++ b/src/themes/theme-neutral.js @@ -93,7 +93,7 @@ class Theme { /* Sequence Diagram variables */ - this.actorBorder = this.border1; + this.actorBorder = lighten(this.border1, 23); this.actorBkg = this.mainBkg; this.actorTextColor = this.text; this.actorLineColor = this.lineColor;