Diagram theme
This commit is contained in:
parent
4c53d2a0f7
commit
f93aaf7373
|
@ -21,7 +21,18 @@ export class Scene {
|
||||||
this.seqDiagramBox = this.box.addBox(`${this.name}-seq-diagram`);
|
this.seqDiagramBox = this.box.addBox(`${this.name}-seq-diagram`);
|
||||||
this.box.addBox('Spacer').setInnerHTML(' ');
|
this.box.addBox('Spacer').setInnerHTML(' ');
|
||||||
this.logBox = this.box.addBox(`${this.name}-log`);
|
this.logBox = this.box.addBox(`${this.name}-log`);
|
||||||
mermaid.mermaidAPI.initialize({ startOnLoad: false });
|
mermaid.mermaidAPI.initialize({
|
||||||
|
startOnLoad: false,
|
||||||
|
theme: 'base',
|
||||||
|
themeVariables: {
|
||||||
|
darkMode: true,
|
||||||
|
primaryColor: '#2a5b6c',
|
||||||
|
primaryTextColor: '#b6b6b6',
|
||||||
|
fontFamily: 'monospace',
|
||||||
|
noteBkgColor: '#516f77',
|
||||||
|
noteTextColor: '#cecece',
|
||||||
|
},
|
||||||
|
});
|
||||||
this.dateLastRender = null;
|
this.dateLastRender = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,8 +1,12 @@
|
||||||
|
body {
|
||||||
|
background-color: #2a5b6c;
|
||||||
|
background-color: #114754;
|
||||||
|
color: #b6b6b6;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 8pt;
|
||||||
|
}
|
||||||
.box {
|
.box {
|
||||||
/* border: 1px #eee solid; */
|
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 12pt;
|
|
||||||
}
|
}
|
||||||
.box .name {
|
.box .name {
|
||||||
width: 15em;
|
width: 15em;
|
||||||
|
@ -12,15 +16,13 @@
|
||||||
}
|
}
|
||||||
.box .value {
|
.box .value {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
/* border: 0px; */
|
|
||||||
}
|
}
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.monospace {
|
.monospace {
|
||||||
/* border: 0px; */
|
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 11pt;
|
font-size: 8pt;
|
||||||
}
|
}
|
||||||
svg {
|
svg {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
|
|
Loading…
Reference in New Issue