Diagram theme

This commit is contained in:
Ladd Hoffman 2023-01-03 11:59:44 -06:00
parent 4c53d2a0f7
commit f93aaf7373
2 changed files with 20 additions and 7 deletions

View File

@ -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;
} }

View File

@ -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;