marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-08 01:56:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

MC-1730 Updated gradient settings

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-06-18 15:00:51 +02:00
parent 7297b9bc42
commit 9b310df58a
7 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
packages/mermaid/src/rendering-util/render.ts
View File

@@ -52,7 +52,7 @@ export const render = async (data4Layout: any, svg: any, element: any, positions
gradient
.attr('id', 'gradient')
.attr('gradientUnits', 'objectBoundingBox')
.attr('gradientUnits', 'userSpaceOnUse')
.attr('spreadMethod', 'pad');
gradient
@@ -63,32 +63,32 @@ export const render = async (data4Layout: any, svg: any, element: any, positions
gradient
.append('svg:stop')
.attr('offset', '75%')
.attr('offset', '10%')
.attr('stop-color', gradientStop)
.attr('stop-opacity', 1);
// gradient
// .append('svg:stop')
// .attr('offset', '20%')
// .attr('stop-color', gradientStart)
// .attr('stop-opacity', 1);
gradient
.append('svg:stop')
.attr('offset', '30%')
.attr('stop-color', gradientStart)
.attr('stop-opacity', 1);
// gradient
// .append('svg:stop')
// .attr('offset', '30%')
// .attr('stop-color', gradientStop)
// .attr('stop-opacity', 1);
// gradient
// .append('svg:stop')
// .attr('offset', '40%')
// .attr('stop-color', gradientStart)
// .attr('stop-opacity', 1);
gradient
.append('svg:stop')
.attr('offset', '35%')
.attr('stop-color', gradientStop)
.attr('stop-opacity', 1);
gradient
.append('svg:stop')
.attr('offset', '60%')
.attr('stop-color', gradientStart)
.attr('stop-opacity', 1);
// gradient
// .append('svg:stop')
// .attr('offset', '50%')
// .attr('stop-color', gradientStop)
// .attr('stop-opacity', 1);
gradient
.append('svg:stop')
.attr('offset', '80%')
.attr('stop-color', gradientStop)
.attr('stop-opacity', 1);
}
return layoutRenderer.render(data4Layout, svg, element, layoutDefinition.algorithm, positions);
};

2
packages/mermaid/src/themes/theme-dark.js
View File

@@ -93,7 +93,7 @@ class Theme {
this.useGradient = true;
this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor;
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1)';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))';
}
updateColors() {
this.secondBkg = lighten(this.mainBkg, 16);

2
packages/mermaid/src/themes/theme-default.js
View File

@@ -120,7 +120,7 @@ class Theme {
this.useGradient = true;
this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor;
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1)';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))';
this.updateColors();
}
updateColors() {

2
packages/mermaid/src/themes/theme-forest.js
View File

@@ -96,7 +96,7 @@ class Theme {
this.useGradient = true;
this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor;
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,0.5)';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))';
}
updateColors() {
/* Sequence Diagram variables */

2
packages/mermaid/src/themes/theme-neo-dark.js
View File

@@ -52,7 +52,7 @@ class Theme {
this.useGradient = true;
this.gradientStart = '#eb0042';
this.gradientStop = '#0042eb';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,0.5)';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))';
}
updateColors() {
// The || is to make sure that if the variable has been defined by a user override that value is to be used

2
packages/mermaid/src/themes/theme-neo.js
View File

@@ -33,7 +33,7 @@ class Theme {
this.useGradient = true;
this.gradientStart = '#eb0042';
this.gradientStop = '#0042eb';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1)';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))';
this.tertiaryColor = '#ffffff';
}
updateColors() {

2
packages/mermaid/src/themes/theme-neutral.js
View File

@@ -107,7 +107,7 @@ class Theme {
this.useGradient = true;
this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor;
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1)';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))';
}
updateColors() {
this.secondBkg = lighten(this.contrast, 55);