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

   1 /* Flowchart variables */
   2 /* Sequence Diagram variables */
   3 /* Gantt chart variables */
   4 /* state colors */
   5 .label {
   6
   7   color: #333; }
   8
   9 .label text {
  10   fill: #333; }
  11
  12 .node rect,
  13 .node circle,
  14 .node ellipse,
  15 .node polygon {
  16   fill: #BDD5EA;
  17   stroke: #9370DB;
  18   stroke-width: 1px; }
  19
  20 .node .label {
  21   text-align: center; }
  22
  23 .node.clickable {
  24   cursor: pointer; }
  25
  26 .arrowheadPath {
  27   fill: lightgrey; }
  28
  29 .edgePath .path {
  30   stroke: lightgrey;
  31   stroke-width: 1.5px; }
  32
  33 .edgeLabel {
  34   background-color: #e8e8e8;
  35   text-align: center; }
  36
  37 .cluster rect {
  38   fill: #6D6D65;
  39   stroke: rgba(255, 255, 255, 0.25);
  40   stroke-width: 1px; }
  41
  42 .cluster text {
  43   fill: #F9FFFE; }
  44
  45 div.mermaidTooltip {
  46   position: absolute;
  47   text-align: center;
  48   max-width: 200px;
  49   padding: 2px;
  50
  51   font-size: 12px;
  52   background: #6D6D65;
  53   border: 1px solid rgba(255, 255, 255, 0.25);
  54   border-radius: 2px;
  55   pointer-events: none;
  56   z-index: 100; }
  57
  58 .actor {
  59   stroke: #81B1DB;
  60   fill: #BDD5EA; }
  61
  62 text.actor {
  63   fill: black;
  64   stroke: none; }
  65
  66 .actor-line {
  67   stroke: lightgrey; }
  68
  69 .messageLine0 {
  70   stroke-width: 1.5;
  71   stroke-dasharray: '2 2';
  72   stroke: lightgrey; }
  73
  74 .messageLine1 {
  75   stroke-width: 1.5;
  76   stroke-dasharray: '2 2';
  77   stroke: lightgrey; }
  78
  79 #arrowhead {
  80   fill: lightgrey; }
  81
  82 .sequenceNumber {
  83   fill: white; }
  84
  85 #sequencenumber {
  86   fill: lightgrey; }
  87
  88 #crosshead path {
  89   fill: lightgrey !important;
  90   stroke: lightgrey !important; }
  91
  92 .messageText {
  93   fill: lightgrey;
  94   stroke: none; }
  95
  96 .labelBox {
  97   stroke: #81B1DB;
  98   fill: #BDD5EA; }
  99
 100 .labelText {
 101   fill: #323D47;
 102   stroke: none; }
 103
 104 .loopText {
 105   fill: lightgrey;
 106   stroke: none; }
 107
 108 .loopLine {
 109   stroke-width: 2;
 110   stroke-dasharray: '2 2';
 111   stroke: #81B1DB; }
 112
 113 .note {
 114   stroke: rgba(255, 255, 255, 0.25);
 115   fill: #fff5ad; }
 116
 117 .noteText {
 118   fill: black;
 119   stroke: none;
 120
 121   font-size: 14px; }
 122
 123 .activation0 {
 124   fill: #f4f4f4;
 125   stroke: #666; }
 126
 127 .activation1 {
 128   fill: #f4f4f4;
 129   stroke: #666; }
 130
 131 .activation2 {
 132   fill: #f4f4f4;
 133   stroke: #666; }
 134
 135 /** Section styling */
 136 .section {
 137   stroke: none;
 138   opacity: 0.2; }
 139
 140 .section0 {
 141   fill: rgba(255, 255, 255, 0.3); }
 142
 143 .section2 {
 144   fill: #EAE8B9; }
 145
 146 .section1,
 147 .section3 {
 148   fill: white;
 149   opacity: 0.2; }
 150
 151 .sectionTitle0 {
 152   fill: #F9FFFE; }
 153
 154 .sectionTitle1 {
 155   fill: #F9FFFE; }
 156
 157 .sectionTitle2 {
 158   fill: #F9FFFE; }
 159
 160 .sectionTitle3 {
 161   fill: #F9FFFE; }
 162
 163 .sectionTitle {
 164   text-anchor: start;
 165   font-size: 11px;
 166   text-height: 14px;
 167    }
 168
 169 /* Grid and axis */
 170 .grid .tick {
 171   stroke: lightgrey;
 172   opacity: 0.3;
 173   shape-rendering: crispEdges; }
 174
 175 .grid path {
 176   stroke-width: 0; }
 177
 178 /* Today line */
 179 .today {
 180   fill: none;
 181   stroke: #DB5757;
 182   stroke-width: 2px; }
 183
 184 /* Task styling */
 185 /* Default task */
 186 .task {
 187   stroke-width: 2; }
 188
 189 .taskText {
 190   text-anchor: middle;
 191    }
 192
 193 .taskText:not([font-size]) {
 194   font-size: 11px; }
 195
 196 .taskTextOutsideRight {
 197   fill: #323D47;
 198   text-anchor: start;
 199   font-size: 11px;
 200    }
 201
 202 .taskTextOutsideLeft {
 203   fill: #323D47;
 204   text-anchor: end;
 205   font-size: 11px; }
 206
 207 /* Special case clickable */
 208 .task.clickable {
 209   cursor: pointer; }
 210
 211 .taskText.clickable {
 212   cursor: pointer;
 213   fill: #003163 !important;
 214   font-weight: bold; }
 215
 216 .taskTextOutsideLeft.clickable {
 217   cursor: pointer;
 218   fill: #003163 !important;
 219   font-weight: bold; }
 220
 221 .taskTextOutsideRight.clickable {
 222   cursor: pointer;
 223   fill: #003163 !important;
 224   font-weight: bold; }
 225
 226 /* Specific task settings for the sections*/
 227 .taskText0,
 228 .taskText1,
 229 .taskText2,
 230 .taskText3 {
 231   fill: #323D47; }
 232
 233 .task0,
 234 .task1,
 235 .task2,
 236 .task3 {
 237   fill: #BDD5EA;
 238   stroke: rgba(255, 255, 255, 0.5); }
 239
 240 .taskTextOutside0,
 241 .taskTextOutside2 {
 242   fill: lightgrey; }
 243
 244 .taskTextOutside1,
 245 .taskTextOutside3 {
 246   fill: lightgrey; }
 247
 248 /* Active task */
 249 .active0,
 250 .active1,
 251 .active2,
 252 .active3 {
 253   fill: #81B1DB;
 254   stroke: rgba(255, 255, 255, 0.5); }
 255
 256 .activeText0,
 257 .activeText1,
 258 .activeText2,
 259 .activeText3 {
 260   fill: #323D47 !important; }
 261
 262 /* Completed task */
 263 .done0,
 264 .done1,
 265 .done2,
 266 .done3 {
 267   stroke: grey;
 268   fill: lightgrey;
 269   stroke-width: 2; }
 270
 271 .doneText0,
 272 .doneText1,
 273 .doneText2,
 274 .doneText3 {
 275   fill: #323D47 !important; }
 276
 277 /* Tasks on the critical line */
 278 .crit0,
 279 .crit1,
 280 .crit2,
 281 .crit3 {
 282   stroke: #E83737;
 283   fill: #E83737;
 284   stroke-width: 2; }
 285
 286 .activeCrit0,
 287 .activeCrit1,
 288 .activeCrit2,
 289 .activeCrit3 {
 290   stroke: #E83737;
 291   fill: #81B1DB;
 292   stroke-width: 2; }
 293
 294 .doneCrit0,
 295 .doneCrit1,
 296 .doneCrit2,
 297 .doneCrit3 {
 298   stroke: #E83737;
 299   fill: lightgrey;
 300   stroke-width: 2;
 301   cursor: pointer;
 302   shape-rendering: crispEdges; }
 303
 304 .milestone {
 305   transform: rotate(45deg) scale(0.8, 0.8); }
 306
 307 .milestoneText {
 308   font-style: italic; }
 309
 310 .doneCritText0,
 311 .doneCritText1,
 312 .doneCritText2,
 313 .doneCritText3 {
 314   fill: #323D47 !important; }
 315
 316 .activeCritText0,
 317 .activeCritText1,
 318 .activeCritText2,
 319 .activeCritText3 {
 320   fill: #323D47 !important; }
 321
 322 .titleText {
 323   text-anchor: middle;
 324   font-size: 18px;
 325   fill: #323D47;
 326    }
 327
 328 g.classGroup text {
 329   fill: #9370DB;
 330   stroke: none;
 331
 332   font-size: 10px; }
 333   g.classGroup text .title {
 334     font-weight: bolder; }
 335
 336 g.classGroup rect {
 337   fill: #BDD5EA;
 338   stroke: #9370DB; }
 339
 340 g.classGroup line {
 341   stroke: #9370DB;
 342   stroke-width: 1; }
 343
 344 .classLabel .box {
 345   stroke: none;
 346   stroke-width: 0;
 347   fill: #BDD5EA;
 348   opacity: 0.5; }
 349
 350 .classLabel .label {
 351   fill: #9370DB;
 352   font-size: 10px; }
 353
 354 .relation {
 355   stroke: #9370DB;
 356   stroke-width: 1;
 357   fill: none; }
 358
 359 #compositionStart {
 360   fill: #9370DB;
 361   stroke: #9370DB;
 362   stroke-width: 1; }
 363
 364 #compositionEnd {
 365   fill: #9370DB;
 366   stroke: #9370DB;
 367   stroke-width: 1; }
 368
 369 #aggregationStart {
 370   fill: #BDD5EA;
 371   stroke: #9370DB;
 372   stroke-width: 1; }
 373
 374 #aggregationEnd {
 375   fill: #BDD5EA;
 376   stroke: #9370DB;
 377   stroke-width: 1; }
 378
 379 #dependencyStart {
 380   fill: #9370DB;
 381   stroke: #9370DB;
 382   stroke-width: 1; }
 383
 384 #dependencyEnd {
 385   fill: #9370DB;
 386   stroke: #9370DB;
 387   stroke-width: 1; }
 388
 389 #extensionStart {
 390   fill: #9370DB;
 391   stroke: #9370DB;
 392   stroke-width: 1; }
 393
 394 #extensionEnd {
 395   fill: #9370DB;
 396   stroke: #9370DB;
 397   stroke-width: 1; }
 398
 399 .commit-id,
 400 .commit-msg,
 401 .branch-label {
 402   fill: lightgrey;
 403   color: lightgrey;
 404    }
 405
 406 .pieTitleText {
 407   text-anchor: middle;
 408   font-size: 25px;
 409   fill: #323D47;
 410    }
 411
 412 .slice {
 413    }
 414
 415 g.stateGroup text {
 416   fill: #eee;
 417   stroke: none;
 418   font-size: 10px;
 419    }
 420
 421 g.stateGroup circle {
 422   fill: white !important;
 423   stroke: white !important;
 424 }
 425
 426 g.stateGroup .state-title {
 427   font-weight: bolder;
 428   fill: black; }
 429
 430 g.stateGroup rect {
 431   fill: #ececff;
 432   stroke: #9370DB; }
 433
 434 g.stateGroup line {
 435   stroke: #9370DB;
 436   stroke-width: 1; }
 437
 438 .transition {
 439   stroke: #9370DB;
 440   stroke-width: 1;
 441   fill: none; }
 442
 443 .stateGroup .composit {
 444   fill: #555;
 445   border-bottom: 1px; }
 446
 447 .state-note {
 448   stroke: rgba(255, 255, 255, 0.25);
 449   fill: #fff5ad; }
 450   .state-note text {
 451     fill: black;
 452     stroke: none;
 453     font-size: 10px; }
 454
 455 .stateLabel .box {
 456   stroke: none;
 457   stroke-width: 0;
 458   fill: #BDD5EA;
 459   opacity: 0.5; }
 460
 461 .stateLabel text {
 462   fill: black;
 463   font-size: 10px;
 464   font-weight: bold;
 465    }