.config/Typora/themes/old-themes/night/mermaid.dark.css

   1 /* Flowchart variables */
   2 /* Sequence Diagram variables */
   3 /* Gantt chart variables */
   4 .mermaid .label {
   5   color: #323D47;
   6 }
   7
   8 g.label {
   9     color: #333;
  10 }
  11
  12 .node rect,
  13 .node circle,
  14 .node ellipse,
  15 .node polygon {
  16   fill: #BDD5EA;
  17   stroke: #81B1DB;
  18   stroke-width: 1px;
  19 }
  20 .edgePath .path {
  21   stroke: lightgrey;
  22 }
  23 .edgeLabel {
  24   background-color: #e8e8e8;
  25 }
  26 .cluster rect {
  27   fill: #6D6D65 !important;
  28   rx: 4 !important;
  29   stroke: rgba(255, 255, 255, 0.25) !important;
  30   stroke-width: 1px !important;
  31 }
  32 .cluster text {
  33   fill: #F9FFFE;
  34 }
  35 .actor {
  36   stroke: #81B1DB;
  37   fill: #BDD5EA;
  38 }
  39 text.actor {
  40   fill: black;
  41   stroke: none;
  42 }
  43 .actor-line {
  44   stroke: lightgrey;
  45 }
  46 .messageLine0 {
  47   stroke-width: 1.5;
  48   stroke-dasharray: "2 2";
  49   marker-end: "url(#arrowhead)";
  50   stroke: lightgrey;
  51 }
  52 .messageLine1 {
  53   stroke-width: 1.5;
  54   stroke-dasharray: "2 2";
  55   stroke: lightgrey;
  56 }
  57 #arrowhead {
  58   fill: lightgrey !important;
  59 }
  60 #crosshead path {
  61   fill: lightgrey !important;
  62   stroke: lightgrey !important;
  63 }
  64 .messageText {
  65   fill: lightgrey;
  66   stroke: none;
  67 }
  68 .labelBox {
  69   stroke: #81B1DB;
  70   fill: #BDD5EA;
  71 }
  72 .labelText {
  73   fill: #323D47;
  74   stroke: none;
  75 }
  76 .loopText {
  77   fill: lightgrey;
  78   stroke: none;
  79 }
  80 text>tspan {
  81   fill: inherit;
  82 }
  83 .loopLine {
  84   stroke-width: 2;
  85   stroke-dasharray: "2 2";
  86   marker-end: "url(#arrowhead)";
  87   stroke: #81B1DB;
  88 }
  89 .note {
  90   stroke: rgba(255, 255, 255, 0.25);
  91   fill: #fff5ad;
  92 }
  93 .noteText {
  94   fill: black;
  95   stroke: none;
  96   font-family: 'trebuchet ms', verdana, arial;
  97   font-size: 14px;
  98 }
  99 /** Section styling */
 100 .section {
 101   stroke: none;
 102   opacity: 0.2;
 103 }
 104 .section0 {
 105   fill: rgba(255, 255, 255, 0.3);
 106 }
 107 .section2 {
 108   fill: #EAE8B9;
 109 }
 110 .section1,
 111 .section3 {
 112   fill: white;
 113   opacity: 0.2;
 114 }
 115 .sectionTitle0 {
 116   fill: #F9FFFE;
 117 }
 118 .sectionTitle1 {
 119   fill: #F9FFFE;
 120 }
 121 .sectionTitle2 {
 122   fill: #F9FFFE;
 123 }
 124 .sectionTitle3 {
 125   fill: #F9FFFE;
 126 }
 127 .sectionTitle {
 128   text-anchor: start;
 129   font-size: 11px;
 130   text-height: 14px;
 131 }
 132 /* Grid and axis */
 133 .grid .tick {
 134   stroke: rgba(255, 255, 255, 0.3);
 135   opacity: 0.3;
 136   shape-rendering: crispEdges;
 137 }
 138 .grid .tick text {
 139   fill: lightgrey;
 140   opacity: 0.5;
 141 }
 142 .grid path {
 143   stroke-width: 0;
 144 }
 145 /* Today line */
 146 .today {
 147   fill: none;
 148   stroke: #DB5757;
 149   stroke-width: 2px;
 150 }
 151 /* Task styling */
 152 /* Default task */
 153 .task {
 154   stroke-width: 1;
 155 }
 156 .taskText {
 157   text-anchor: middle;
 158   font-size: 11px;
 159 }
 160 .taskTextOutsideRight {
 161   fill: #323D47;
 162   text-anchor: start;
 163   font-size: 11px;
 164 }
 165 .taskTextOutsideLeft {
 166   fill: #323D47;
 167   text-anchor: end;
 168   font-size: 11px;
 169 }
 170 /* Specific task settings for the sections*/
 171 .taskText0,
 172 .taskText1,
 173 .taskText2,
 174 .taskText3 {
 175   fill: #323D47;
 176 }
 177 .task0,
 178 .task1,
 179 .task2,
 180 .task3 {
 181   fill: #BDD5EA;
 182   stroke: rgba(255, 255, 255, 0.5);
 183 }
 184 .taskTextOutside0,
 185 .taskTextOutside2 {
 186   fill: lightgrey;
 187 }
 188 .taskTextOutside1,
 189 .taskTextOutside3 {
 190   fill: lightgrey;
 191 }
 192 /* Active task */
 193 .active0,
 194 .active1,
 195 .active2,
 196 .active3 {
 197   fill: #81B1DB;
 198   stroke: rgba(255, 255, 255, 0.5);
 199 }
 200 .activeText0,
 201 .activeText1,
 202 .activeText2,
 203 .activeText3 {
 204   fill: #323D47 !important;
 205 }
 206 /* Completed task */
 207 .done0,
 208 .done1,
 209 .done2,
 210 .done3 {
 211   fill: lightgrey;
 212 }
 213 .doneText0,
 214 .doneText1,
 215 .doneText2,
 216 .doneText3 {
 217   fill: #323D47 !important;
 218 }
 219 /* Tasks on the critical line */
 220 .crit0,
 221 .crit1,
 222 .crit2,
 223 .crit3 {
 224   stroke: #E83737;
 225   fill: #E83737;
 226   stroke-width: 2;
 227 }
 228 .activeCrit0,
 229 .activeCrit1,
 230 .activeCrit2,
 231 .activeCrit3 {
 232   stroke: #E83737;
 233   fill: #81B1DB;
 234   stroke-width: 2;
 235 }
 236 .doneCrit0,
 237 .doneCrit1,
 238 .doneCrit2,
 239 .doneCrit3 {
 240   stroke: #E83737;
 241   fill: lightgrey;
 242   stroke-width: 1;
 243   cursor: pointer;
 244   shape-rendering: crispEdges;
 245 }
 246 .doneCritText0,
 247 .doneCritText1,
 248 .doneCritText2,
 249 .doneCritText3 {
 250   fill: lightgrey !important;
 251 }
 252 .activeCritText0,
 253 .activeCritText1,
 254 .activeCritText2,
 255 .activeCritText3 {
 256   fill: #323D47 !important;
 257 }
 258 .titleText {
 259   text-anchor: middle;
 260   font-size: 18px;
 261   fill: lightgrey;
 262 }
 263 /*
 264
 265
 266 */
 267 .node text {
 268   font-family: 'trebuchet ms', verdana, arial;
 269   font-size: 14px;
 270 }
 271 div.mermaidTooltip {
 272   position: absolute;
 273   text-align: center;
 274   max-width: 200px;
 275   padding: 2px;
 276   font-family: 'trebuchet ms', verdana, arial;
 277   font-size: 12px;
 278   background: #6D6D65;
 279   border: 1px solid rgba(255, 255, 255, 0.25);
 280   border-radius: 2px;
 281   pointer-events: none;
 282   z-index: 100;
 283 }