mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-09-15 13:29:40 +02:00
Enhance user journey diagram title color configuration
This commit is contained in:
@@ -49,6 +49,7 @@ const conf = getConfig().journey;
|
|||||||
const LEFT_MARGIN = conf.leftMargin;
|
const LEFT_MARGIN = conf.leftMargin;
|
||||||
export const draw = function (text, id, version, diagObj) {
|
export const draw = function (text, id, version, diagObj) {
|
||||||
const conf = getConfig().journey;
|
const conf = getConfig().journey;
|
||||||
|
const titleColor = getConfig().themeVariables.titleColor;
|
||||||
|
|
||||||
const securityLevel = getConfig().securityLevel;
|
const securityLevel = getConfig().securityLevel;
|
||||||
// Handle root and Document for when rendering in sandbox mode
|
// Handle root and Document for when rendering in sandbox mode
|
||||||
@@ -95,7 +96,8 @@ export const draw = function (text, id, version, diagObj) {
|
|||||||
.attr('x', LEFT_MARGIN)
|
.attr('x', LEFT_MARGIN)
|
||||||
.attr('font-size', '4ex')
|
.attr('font-size', '4ex')
|
||||||
.attr('font-weight', 'bold')
|
.attr('font-weight', 'bold')
|
||||||
.attr('y', 25);
|
.attr('y', 25)
|
||||||
|
.attr('fill', titleColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
const height = box.stopy - box.starty + 2 * conf.diagramMarginY;
|
const height = box.stopy - box.starty + 2 * conf.diagramMarginY;
|
||||||
|
@@ -178,7 +178,7 @@ class Theme {
|
|||||||
this.clusterBkg = this.secondBkg;
|
this.clusterBkg = this.secondBkg;
|
||||||
this.clusterBorder = this.border2;
|
this.clusterBorder = this.border2;
|
||||||
this.defaultLinkColor = this.lineColor;
|
this.defaultLinkColor = this.lineColor;
|
||||||
this.titleColor = this.textColor;
|
this.titleColor = this.titleColor || this.textColor;
|
||||||
this.edgeLabelBackground = this.labelBackground;
|
this.edgeLabelBackground = this.labelBackground;
|
||||||
|
|
||||||
/* Sequence Diagram variables */
|
/* Sequence Diagram variables */
|
||||||
|
Reference in New Issue
Block a user