marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-12 11:59:39 +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 gradient
.attr('id', 'gradient') .attr('id', 'gradient')
.attr('gradientUnits', 'objectBoundingBox') .attr('gradientUnits', 'userSpaceOnUse')
.attr('spreadMethod', 'pad'); .attr('spreadMethod', 'pad');
gradient gradient
@@ -63,32 +63,32 @@ export const render = async (data4Layout: any, svg: any, element: any, positions
gradient gradient
.append('svg:stop') .append('svg:stop')
.attr('offset', '75%') .attr('offset', '10%')
.attr('stop-color', gradientStop) .attr('stop-color', gradientStop)
.attr('stop-opacity', 1); .attr('stop-opacity', 1);
// gradient gradient
// .append('svg:stop') .append('svg:stop')
// .attr('offset', '20%') .attr('offset', '30%')
// .attr('stop-color', gradientStart) .attr('stop-color', gradientStart)
// .attr('stop-opacity', 1); .attr('stop-opacity', 1);
// gradient gradient
// .append('svg:stop') .append('svg:stop')
// .attr('offset', '30%') .attr('offset', '35%')
// .attr('stop-color', gradientStop) .attr('stop-color', gradientStop)
// .attr('stop-opacity', 1); .attr('stop-opacity', 1);
// gradient gradient
// .append('svg:stop') .append('svg:stop')
// .attr('offset', '40%') .attr('offset', '60%')
// .attr('stop-color', gradientStart) .attr('stop-color', gradientStart)
// .attr('stop-opacity', 1); .attr('stop-opacity', 1);
// gradient gradient
// .append('svg:stop') .append('svg:stop')
// .attr('offset', '50%') .attr('offset', '80%')
// .attr('stop-color', gradientStop) .attr('stop-color', gradientStop)
// .attr('stop-opacity', 1); .attr('stop-opacity', 1);
} }
return layoutRenderer.render(data4Layout, svg, element, layoutDefinition.algorithm, positions); 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.useGradient = true;
this.gradientStart = this.primaryBorderColor; this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor; 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() { updateColors() {
this.secondBkg = lighten(this.mainBkg, 16); 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.useGradient = true;
this.gradientStart = this.primaryBorderColor; this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor; 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(); this.updateColors();
} }
updateColors() { updateColors() {

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

@@ -96,7 +96,7 @@ class Theme {
this.useGradient = true; this.useGradient = true;
this.gradientStart = this.primaryBorderColor; this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor; 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() { updateColors() {
/* Sequence Diagram variables */ /* Sequence Diagram variables */

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

@@ -52,7 +52,7 @@ class Theme {
this.useGradient = true; this.useGradient = true;
this.gradientStart = '#eb0042'; this.gradientStart = '#eb0042';
this.gradientStop = '#0042eb'; 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() { updateColors() {
// The || is to make sure that if the variable has been defined by a user override that value is to be used // 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.useGradient = true;
this.gradientStart = '#eb0042'; this.gradientStart = '#eb0042';
this.gradientStop = '#0042eb'; 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'; this.tertiaryColor = '#ffffff';
} }
updateColors() { updateColors() {

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

@@ -107,7 +107,7 @@ class Theme {
this.useGradient = true; this.useGradient = true;
this.gradientStart = this.primaryBorderColor; this.gradientStart = this.primaryBorderColor;
this.gradientStop = this.secondaryBorderColor; 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() { updateColors() {
this.secondBkg = lighten(this.contrast, 55); this.secondBkg = lighten(this.contrast, 55);