marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-11-17 19:24:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

MC-1730 Neo look for subgraphs

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-06-18 14:15:53 +02:00
parent f431020b6b
commit 86d75373ca
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/mermaid/src/rendering-util/rendering-elements/clusters.js
View File

@@ -17,7 +17,11 @@ const rect = (parent, node) => {
const { clusterBkg, clusterBorder } = themeVariables; const { clusterBkg, clusterBorder } = themeVariables;
// Add outer g element // Add outer g element
const shapeSvg = parent.insert('g').attr('class', 'cluster').attr('id', node.id); const shapeSvg = parent
.insert('g')
.attr('class', 'cluster')
.attr('id', node.id)
.attr('data-look', node.look);
const useHtmlLabels = evaluate(siteConfig.flowchart.htmlLabels); const useHtmlLabels = evaluate(siteConfig.flowchart.htmlLabels);

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

@@ -14,6 +14,7 @@ const getStyles = (
errorBkgColor: string; errorBkgColor: string;
errorTextColor: string; errorTextColor: string;
lineColor: string; lineColor: string;
useGradient: boolean;
} & FlowChartStyleOptions } & FlowChartStyleOptions
) => { ) => {
let diagramStyles = ''; let diagramStyles = '';
@@ -73,8 +74,7 @@ const getStyles = (
stroke: ${options.nodeBorder}; stroke: ${options.nodeBorder};
} }
[data-look="neo"].node rect, [data-look="neo"].node polygon { [data-look="neo"].node rect, [data-look="neo"].cluster rect, [data-look="neo"].node polygon {
//stroke: none;
stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder}; stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder};
filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) ); filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) );
rx: 3; rx: 3;
@@ -82,7 +82,6 @@ const getStyles = (
} }
[data-look="neo"].node rect, [data-look="neo"].node circle, [data-look="neo"].node polygon { [data-look="neo"].node rect, [data-look="neo"].node circle, [data-look="neo"].node polygon {
//stroke: $(options.nodeBorder);
stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder}; stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder};
filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) ); filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) );
rx: 3; rx: 3;

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

@@ -23,7 +23,7 @@ class Theme {
this.secondaryTextColor = invert(this.secondaryColor); this.secondaryTextColor = invert(this.secondaryColor);
this.tertiaryTextColor = invert(this.tertiaryColor); this.tertiaryTextColor = invert(this.tertiaryColor);
this.mainBkg = '#1f2020'; this.mainBkg = '#2a2020';
this.secondBkg = 'calculated'; this.secondBkg = 'calculated';
this.mainContrastColor = 'lightgrey'; this.mainContrastColor = 'lightgrey';
this.darkTextColor = lighten(invert('#323D47'), 10); this.darkTextColor = lighten(invert('#323D47'), 10);