typora-theme/old-themes/night/mermaid.dark.css

466 lines
6.7 KiB
CSS
Raw Normal View History

2022-04-08 09:21:41 +00:00
/* Flowchart variables */
/* Sequence Diagram variables */
/* Gantt chart variables */
/* state colors */
.label {
color: #333; }
.label text {
fill: #333; }
.node rect,
.node circle,
.node ellipse,
.node polygon {
fill: #BDD5EA;
stroke: #9370DB;
stroke-width: 1px; }
.node .label {
text-align: center; }
.node.clickable {
cursor: pointer; }
.arrowheadPath {
fill: lightgrey; }
.edgePath .path {
stroke: lightgrey;
stroke-width: 1.5px; }
.edgeLabel {
background-color: #e8e8e8;
text-align: center; }
.cluster rect {
fill: #6D6D65;
stroke: rgba(255, 255, 255, 0.25);
stroke-width: 1px; }
.cluster text {
fill: #F9FFFE; }
div.mermaidTooltip {
position: absolute;
text-align: center;
max-width: 200px;
padding: 2px;
font-size: 12px;
background: #6D6D65;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 2px;
pointer-events: none;
z-index: 100; }
.actor {
stroke: #81B1DB;
fill: #BDD5EA; }
text.actor {
fill: black;
stroke: none; }
.actor-line {
stroke: lightgrey; }
.messageLine0 {
stroke-width: 1.5;
stroke-dasharray: '2 2';
stroke: lightgrey; }
.messageLine1 {
stroke-width: 1.5;
stroke-dasharray: '2 2';
stroke: lightgrey; }
#arrowhead {
fill: lightgrey; }
.sequenceNumber {
fill: white; }
#sequencenumber {
fill: lightgrey; }
#crosshead path {
fill: lightgrey !important;
stroke: lightgrey !important; }
.messageText {
fill: lightgrey;
stroke: none; }
.labelBox {
stroke: #81B1DB;
fill: #BDD5EA; }
.labelText {
fill: #323D47;
stroke: none; }
.loopText {
fill: lightgrey;
stroke: none; }
.loopLine {
stroke-width: 2;
stroke-dasharray: '2 2';
stroke: #81B1DB; }
.note {
stroke: rgba(255, 255, 255, 0.25);
fill: #fff5ad; }
.noteText {
fill: black;
stroke: none;
font-size: 14px; }
.activation0 {
fill: #f4f4f4;
stroke: #666; }
.activation1 {
fill: #f4f4f4;
stroke: #666; }
.activation2 {
fill: #f4f4f4;
stroke: #666; }
/** Section styling */
.section {
stroke: none;
opacity: 0.2; }
.section0 {
fill: rgba(255, 255, 255, 0.3); }
.section2 {
fill: #EAE8B9; }
.section1,
.section3 {
fill: white;
opacity: 0.2; }
.sectionTitle0 {
fill: #F9FFFE; }
.sectionTitle1 {
fill: #F9FFFE; }
.sectionTitle2 {
fill: #F9FFFE; }
.sectionTitle3 {
fill: #F9FFFE; }
.sectionTitle {
text-anchor: start;
font-size: 11px;
text-height: 14px;
}
/* Grid and axis */
.grid .tick {
stroke: lightgrey;
opacity: 0.3;
shape-rendering: crispEdges; }
.grid path {
stroke-width: 0; }
/* Today line */
.today {
fill: none;
stroke: #DB5757;
stroke-width: 2px; }
/* Task styling */
/* Default task */
.task {
stroke-width: 2; }
.taskText {
text-anchor: middle;
}
.taskText:not([font-size]) {
font-size: 11px; }
.taskTextOutsideRight {
fill: #323D47;
text-anchor: start;
font-size: 11px;
}
.taskTextOutsideLeft {
fill: #323D47;
text-anchor: end;
font-size: 11px; }
/* Special case clickable */
.task.clickable {
cursor: pointer; }
.taskText.clickable {
cursor: pointer;
fill: #003163 !important;
font-weight: bold; }
.taskTextOutsideLeft.clickable {
cursor: pointer;
fill: #003163 !important;
font-weight: bold; }
.taskTextOutsideRight.clickable {
cursor: pointer;
fill: #003163 !important;
font-weight: bold; }
/* Specific task settings for the sections*/
.taskText0,
.taskText1,
.taskText2,
.taskText3 {
fill: #323D47; }
.task0,
.task1,
.task2,
.task3 {
fill: #BDD5EA;
stroke: rgba(255, 255, 255, 0.5); }
.taskTextOutside0,
.taskTextOutside2 {
fill: lightgrey; }
.taskTextOutside1,
.taskTextOutside3 {
fill: lightgrey; }
/* Active task */
.active0,
.active1,
.active2,
.active3 {
fill: #81B1DB;
stroke: rgba(255, 255, 255, 0.5); }
.activeText0,
.activeText1,
.activeText2,
.activeText3 {
fill: #323D47 !important; }
/* Completed task */
.done0,
.done1,
.done2,
.done3 {
stroke: grey;
fill: lightgrey;
stroke-width: 2; }
.doneText0,
.doneText1,
.doneText2,
.doneText3 {
fill: #323D47 !important; }
/* Tasks on the critical line */
.crit0,
.crit1,
.crit2,
.crit3 {
stroke: #E83737;
fill: #E83737;
stroke-width: 2; }
.activeCrit0,
.activeCrit1,
.activeCrit2,
.activeCrit3 {
stroke: #E83737;
fill: #81B1DB;
stroke-width: 2; }
.doneCrit0,
.doneCrit1,
.doneCrit2,
.doneCrit3 {
stroke: #E83737;
fill: lightgrey;
stroke-width: 2;
cursor: pointer;
shape-rendering: crispEdges; }
.milestone {
transform: rotate(45deg) scale(0.8, 0.8); }
.milestoneText {
font-style: italic; }
.doneCritText0,
.doneCritText1,
.doneCritText2,
.doneCritText3 {
fill: #323D47 !important; }
.activeCritText0,
.activeCritText1,
.activeCritText2,
.activeCritText3 {
fill: #323D47 !important; }
.titleText {
text-anchor: middle;
font-size: 18px;
fill: #323D47;
}
g.classGroup text {
fill: #9370DB;
stroke: none;
font-size: 10px; }
g.classGroup text .title {
font-weight: bolder; }
g.classGroup rect {
fill: #BDD5EA;
stroke: #9370DB; }
g.classGroup line {
stroke: #9370DB;
stroke-width: 1; }
.classLabel .box {
stroke: none;
stroke-width: 0;
fill: #BDD5EA;
opacity: 0.5; }
.classLabel .label {
fill: #9370DB;
font-size: 10px; }
.relation {
stroke: #9370DB;
stroke-width: 1;
fill: none; }
#compositionStart {
fill: #9370DB;
stroke: #9370DB;
stroke-width: 1; }
#compositionEnd {
fill: #9370DB;
stroke: #9370DB;
stroke-width: 1; }
#aggregationStart {
fill: #BDD5EA;
stroke: #9370DB;
stroke-width: 1; }
#aggregationEnd {
fill: #BDD5EA;
stroke: #9370DB;
stroke-width: 1; }
#dependencyStart {
fill: #9370DB;
stroke: #9370DB;
stroke-width: 1; }
#dependencyEnd {
fill: #9370DB;
stroke: #9370DB;
stroke-width: 1; }
#extensionStart {
fill: #9370DB;
stroke: #9370DB;
stroke-width: 1; }
#extensionEnd {
fill: #9370DB;
stroke: #9370DB;
stroke-width: 1; }
.commit-id,
.commit-msg,
.branch-label {
fill: lightgrey;
color: lightgrey;
}
.pieTitleText {
text-anchor: middle;
font-size: 25px;
fill: #eee;
}
.slice {
}
g.stateGroup text {
fill: #eee;
stroke: none;
font-size: 10px;
}
g.stateGroup circle {
fill: white !important;
stroke: white !important;
}
g.stateGroup .state-title {
font-weight: bolder;
fill: black; }
g.stateGroup rect {
fill: #ececff;
stroke: #9370DB; }
g.stateGroup line {
stroke: #9370DB;
stroke-width: 1; }
.transition {
stroke: #9370DB;
stroke-width: 1;
fill: none; }
.stateGroup .composit {
fill: #555;
border-bottom: 1px; }
.state-note {
stroke: rgba(255, 255, 255, 0.25);
fill: #fff5ad; }
.state-note text {
fill: black;
stroke: none;
font-size: 10px; }
.stateLabel .box {
stroke: none;
stroke-width: 0;
fill: #BDD5EA;
opacity: 0.5; }
.stateLabel text {
fill: black;
font-size: 10px;
font-weight: bold;
}