mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
2d8635d29d
To increase the ease of development we are moving @angular/docs into the adev directory within this repo. While we are doing this to improve our development experience in the short term, efforts are also in place to maintain a division between this @angular/docs (shared) code and adev itself, so that it can be extracted back out in the future when components is ready to leverage it as well. PR Close #57132
65 lines
1.5 KiB
SCSS
65 lines
1.5 KiB
SCSS
#mermaid-generated-diagram {
|
|
--fontFamily: 'sans-serif';
|
|
--primaryColor: '#fff';
|
|
--primaryBorderColor: '#000';
|
|
--pie1: '#0546ff';
|
|
--pie2: '#f637e3';
|
|
--pie3: '#f11653';
|
|
--pie4: '#8001c6';
|
|
--pie5: '#00c572';
|
|
--pie6: '#fe3700';
|
|
|
|
background-color: var(--page-background) !important; // svg background color
|
|
g {
|
|
rect {
|
|
stroke: black !important; // border around the rectangles, same for dark/light theme
|
|
filter: drop-shadow(5px 5px 0px var(--vivid-pink));
|
|
}
|
|
}
|
|
.messageText,
|
|
.pieTitleText {
|
|
fill: var(--primary-contrast) !important; // pie chart title text and line labels
|
|
}
|
|
.pieOuterCircle {
|
|
stroke-width: 1px;
|
|
}
|
|
.pieCircle {
|
|
stroke-width: 1.5px;
|
|
}
|
|
.legend {
|
|
rect {
|
|
filter: none;
|
|
opacity: 0.7;
|
|
}
|
|
text {
|
|
fill: var(--primary-contrast) !important; // legend label text color
|
|
}
|
|
}
|
|
.slice {
|
|
// e.g. text on the pie charts
|
|
fill: var(--primary-contrast) !important;
|
|
}
|
|
.flowchart-link,
|
|
line {
|
|
// lines
|
|
stroke: var(--primary-contrast) !important;
|
|
}
|
|
.marker,
|
|
#statediagram-barbEnd,
|
|
.transition,
|
|
#arrowhead path {
|
|
// arrows
|
|
stroke: var(--primary-contrast) !important;
|
|
fill: var(--primary-contrast) !important;
|
|
}
|
|
.cluster rect,
|
|
.nodes rect {
|
|
stroke: var(--primary-contrast) !important;
|
|
fill: var(--page-background) !important;
|
|
}
|
|
|
|
.nodeLabel {
|
|
fill: var(--primary-contrast) !important;
|
|
color: var(--primary-contrast) !important;
|
|
}
|
|
}
|