X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=.config%2FTypora%2Fthemes%2Fnight%2Fmermaid.dark.css;h=a412b301a417ed13953046f31c3389cc11c6cf90;hb=HEAD;hp=8f833e08cca9f1b8b9f650a6dffcdbc72c061e71;hpb=3aba54c891969552833dbc350b3139e944e17a97;p=dotfiles%2F.git diff --git a/.config/Typora/themes/night/mermaid.dark.css b/.config/Typora/themes/night/mermaid.dark.css index 8f833e08..a412b301 100644 --- a/.config/Typora/themes/night/mermaid.dark.css +++ b/.config/Typora/themes/night/mermaid.dark.css @@ -1,528 +1,7 @@ -/* 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; -} - -g.stateGroup text { - 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; +:root { + --mermaid-theme: night; } -.cluster-label { - color:black; -} - -.statediagram-cluster rect { - fill: #BDD5EA; - stroke: #9370DB; - stroke-width: 1px; -} -.statediagram-cluster rect.outer { - rx: 5px; - ry: 5px; -} -.statediagram-state .divider { - stroke: #9370DB; -} - -.statediagram-state .title-state { - rx: 5px; - ry: 5px; -} -.statediagram-cluster.statediagram-cluster .inner { - fill: white; -} -.statediagram-cluster.statediagram-cluster-alt .inner { - fill: #e0e0e0; -} - -.statediagram-cluster .inner { - rx:0; - ry:0; -} - -.statediagram-state rect.basic { - rx: 5px; - ry: 5px; -} -.statediagram-state rect.divider { - stroke-dasharray: 10,10; - fill: #efefef; -} - -.note-edge { - stroke-dasharray: 5; -} - -.statediagram-note rect { - stroke: var(--cluster-border); - fill: #fff5ad; - stroke-width: 1px; - rx: 0; - ry: 0; -} - -.node circle.state-start { - fill: black; - stroke: black; -} -.node circle.state-end { - fill: black; - stroke: white; - stroke-width: 1.5 -} -#statediagram-barbEnd { - fill: #9370DB; +[lang='mermaid'] .label { + color: #333; } \ No newline at end of file