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

Merge branch 'alanaV11' of github.com:Mermaid-Chart/alana-mermaid into alanaV11

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-06-19 13:56:59 +02:00
parent d898cc6a67 c4685fb0ff
commit b9dda2797a
5 changed files with 552 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/mermaid/src/diagrams/state/styles.js
View File

@@ -103,12 +103,19 @@ g.stateGroup line {
.node circle.state-end {
fill: ${options.stateBkg || options.mainBkg};
stroke: ${options.background};
stroke-width: 1.5
stroke-width: 1.5;
}
[data-look="neo"].node circle.state-end {
filter: none;
stroke:${options.background};
fill: ${options.lineColor};
}
.end-state-inner {
fill: ${options.compositeBackground || options.background};
stroke: ${options.background};
stroke-width: 1.5
stroke-width: 1.5;
}
.node rect {

8
packages/mermaid/src/styles.ts
View File

@@ -81,30 +81,24 @@ const getStyles = (
}
[data-look="neo"].node rect, [data-look="neo"].node circle, [data-look="neo"].node polygon , [data-look="neo"].node path {
[data-look="neo"].node rect, [data-look="neo"].node polygon , [data-look="neo"].node path {
stroke: ${options.useGradient ? 'url(' + svgId + '-gradient)' : options.nodeBorder};
filter: ${options.dropShadow};
}
[data-look="neo"].node circle{
stroke: $(options.nodeBorder);
stroke: ${options.useGradient ? 'url(' + svgId + '-gradient)' : options.nodeBorder};
filter: ${options.dropShadow};
}
[data-look="neo"].node circle .state-start{
fill: #000000;
}
[data-look="neo"].statediagram-cluster rect {
fill: ${options.compositeTitleBackground};
stroke: ${options.useGradient ? 'url(' + svgId + '-gradient)' : options.nodeBorder};
//stroke: none;
stroke-width: 1px;
rx: 3;
ry: 3;
}
${userStyles}

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

@@ -28,11 +28,11 @@ class Theme {
this.fontSize = '10px';
// Neo-specific
this.nodeBorder = 'none';
this.stateBorder = 'none';
this.nodeBorder = '#000000';
this.stateBorder = '#000000';
this.useGradient = true;
this.gradientStart = '#eb0042';
this.gradientStop = '#0042eb';
this.gradientStart = '#0042eb';
this.gradientStop = '#eb0042';
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))';
this.tertiaryColor = '#ffffff';
}