marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-15 06:19:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

update styles so that proper fill is applied to icons

Browse Source
This commit is contained in:
Saurabh Gore
2025-02-14 16:32:59 +05:30
parent 302ba725ae
commit 33e5694a75
5 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -142,6 +142,11 @@ const getStyles = (options: BlockChartStyleOptions) =>
font-size: 18px;
fill: ${options.textColor};
}
.node .svg-inline--fa path {
fill: currentColor;
stroke: revert;
stroke-width: revert;
}
`;
export default getStyles;

5
packages/mermaid/src/diagrams/class/styles.js
View File

@@ -157,6 +157,11 @@ g.classGroup line {
font-size: 18px;
fill: ${options.textColor};
}
.node .svg-inline--fa path {
fill: currentColor;
stroke: revert;
stroke-width: revert;
}
`;
export default getStyles;

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

@@ -177,6 +177,11 @@ const getStyles = (options: FlowChartStyleOptions) =>
}
text-align: center;
}
.node .svg-inline--fa path {
fill: currentColor;
stroke: revert;
stroke-width: revert;
}
`;
export default getStyles;

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

@@ -105,5 +105,10 @@ const getStyles: DiagramStylesProvider = (options) =>
dominant-baseline: middle;
text-align: center;
}
.node .svg-inline--fa path {
fill: currentColor;
stroke: revert;
stroke-width: revert;
}
`;
export default getStyles;

5
packages/mermaid/src/diagrams/user-journey/styles.js
View File

@@ -131,6 +131,11 @@ const getStyles = (options) =>
.actor-5 {
${options.actor5 ? `fill: ${options.actor5}` : ''};
}
.node .svg-inline--fa path {
fill: currentColor;
stroke: revert;
stroke-width: revert;
}
`;
export default getStyles;