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

   1 @import "night/mermaid.dark.css";
   2 @import "night/codeblock.dark.css";
   3 @import "night/sourcemode.dark.css";
   4
   5 :root {
   6     --bg-color:  #363B40;
   7     --side-bar-bg-color: #2E3033;
   8     --text-color: #b8bfc6;
   9
  10     --select-text-bg-color:#4a89dc;
  11
  12     --item-hover-bg-color: #0a0d16;
  13     --control-text-color: #b7b7b7;
  14     --control-text-hover-color: #eee;
  15     --window-border: 1px solid #555;
  16
  17     --active-file-bg-color: rgb(34, 34, 34);
  18     --active-file-border-color: #8d8df0;
  19
  20     --primary-color: #a3d5fe;
  21
  22     --active-file-text-color: white;
  23     --item-hover-bg-color: #70717d;
  24     --item-hover-text-color: white;
  25     --primary-color: #6dc1e7;
  26
  27     --rawblock-edit-panel-bd: #333;
  28
  29     --search-select-bg-color: #428bca;
  30 }
  31
  32 html {
  33     font-size: 16px;
  34 }
  35
  36 html,
  37 body {
  38     -webkit-text-size-adjust: 100%;
  39     -ms-text-size-adjust: 100%;
  40     background: #363B40;
  41     background: var(--bg-color);
  42     fill: currentColor;
  43     line-height: 1.625rem;
  44 }
  45
  46 #write {
  47     max-width: 914px;
  48 }
  49
  50 html,
  51 body,
  52 button,
  53 input,
  54 select,
  55 textarea,
  56 div.code-tooltip-content {
  57     color: #b8bfc6;
  58     border-color: transparent;
  59 }
  60
  61 div.code-tooltip,
  62 .md-hover-tip .md-arrow:after {
  63     background: #333;
  64 }
  65
  66 .popover.bottom > .arrow:after {
  67     border-bottom-color: #333;
  68 }
  69
  70 html,
  71 body,
  72 button,
  73 input,
  74 select,
  75 textarea {
  76     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  77 }
  78
  79 hr {
  80     height: 2px;
  81     border: 0;
  82     margin: 24px 0 !important;
  83 }
  84
  85 h1,
  86 h2,
  87 h3,
  88 h4,
  89 h5,
  90 h6 {
  91     font-family: "Lucida Grande", "Corbel", sans-serif;
  92     font-weight: normal;
  93     clear: both;
  94     -ms-word-wrap: break-word;
  95     word-wrap: break-word;
  96     margin: 0;
  97     padding: 0;
  98     color: #DEDEDE
  99 }
 100
 101 h1 {
 102     font-size: 2.5rem;
 103     /* 36px */
 104     line-height: 2.75rem;
 105     /* 40px */
 106     margin-bottom: 1.5rem;
 107     /* 24px */
 108     letter-spacing: -1.5px;
 109 }
 110
 111 h2 {
 112     font-size: 1.63rem;
 113     /* 24px */
 114     line-height: 1.875rem;
 115     /* 30px */
 116     margin-bottom: 1.5rem;
 117     /* 24px */
 118     letter-spacing: -1px;
 119     font-weight: bold;
 120 }
 121
 122 h3 {
 123     font-size: 1.17rem;
 124     /* 18px */
 125     line-height: 1.5rem;
 126     /* 24px */
 127     margin-bottom: 1.5rem;
 128     /* 24px */
 129     letter-spacing: -1px;
 130     font-weight: bold;
 131 }
 132
 133 h4 {
 134     font-size: 1.12rem;
 135     /* 16px */
 136     line-height: 1.375rem;
 137     /* 22px */
 138     margin-bottom: 1.5rem;
 139     /* 24px */
 140     color: white;
 141 }
 142
 143 h5 {
 144     font-size: 0.97rem;
 145     /* 16px */
 146     line-height: 1.25rem;
 147     /* 22px */
 148     margin-bottom: 1.5rem;
 149     /* 24px */
 150     font-weight: bold;
 151 }
 152
 153 h6 {
 154     font-size: 0.93rem;
 155     /* 16px */
 156     line-height: 1rem;
 157     /* 16px */
 158     margin-bottom: 0.75rem;
 159     color: white;
 160 }
 161
 162 @media (min-width: 980px) {
 163     h3.md-focus:before,
 164     h4.md-focus:before,
 165     h5.md-focus:before,
 166     h6.md-focus:before {
 167         color: #ddd;
 168         border: 1px solid #ddd;
 169         border-radius: 3px;
 170         position: absolute;
 171         left: -1.642857143rem;
 172         top: .357142857rem;
 173         float: left;
 174         font-size: 9px;
 175         padding-left: 2px;
 176         padding-right: 2px;
 177         vertical-align: bottom;
 178         font-weight: normal;
 179         line-height: normal;
 180     }
 181
 182     h3.md-focus:before {
 183         content: 'h3';
 184     }
 185
 186     h4.md-focus:before {
 187         content: 'h4';
 188     }
 189
 190     h5.md-focus:before {
 191         content: 'h5';
 192         top: 0px;
 193     }
 194
 195     h6.md-focus:before {
 196         content: 'h6';
 197         top: 0px;
 198     }
 199 }
 200
 201 a {
 202     text-decoration: none;
 203     outline: 0;
 204 }
 205
 206 a:hover {
 207     outline: 0;
 208 }
 209
 210 a:focus {
 211     outline: thin dotted;
 212 }
 213
 214 sup.md-footnote {
 215     background-color: #555;
 216     color: #ddd;
 217 }
 218
 219 p {
 220     -ms-word-wrap: break-word;
 221     word-wrap: break-word;
 222 }
 223
 224 p,
 225 ul,
 226 dd,
 227 ol,
 228 hr,
 229 address,
 230 pre,
 231 table,
 232 iframe,
 233 .wp-caption,
 234 .wp-audio-shortcode,
 235 .wp-video-shortcode {
 236     margin-top: 0;
 237     margin-bottom: 1.5rem;
 238     /* 24px */
 239 }
 240
 241 li > blockquote {
 242         margin-bottom: 0;
 243 }
 244
 245 audio:not([controls]) {
 246     display: none;
 247 }
 248
 249 [hidden] {
 250     display: none;
 251 }
 252
 253 ::-moz-selection {
 254     background: #4a89dc;
 255     color: #fff;
 256     text-shadow: none;
 257 }
 258
 259 *.in-text-selection,
 260 ::selection {
 261     background: #4a89dc;
 262     color: #fff;
 263     text-shadow: none;
 264 }
 265
 266 ul,
 267 ol {
 268     padding: 0 0 0 1.875rem;
 269     /* 30px */
 270 }
 271
 272 ul {
 273     list-style: square;
 274 }
 275
 276 ol {
 277     list-style: decimal;
 278 }
 279
 280 ul ul,
 281 ol ol,
 282 ul ol,
 283 ol ul {
 284     margin: 0;
 285 }
 286
 287 b,
 288 th,
 289 dt,
 290 strong {
 291     font-weight: bold;
 292 }
 293
 294 i,
 295 em,
 296 dfn,
 297 cite {
 298     font-style: italic;
 299 }
 300
 301 blockquote {
 302     padding-left: 1.875rem;
 303     margin: 0 0 1.875rem 1.875rem;
 304     border-left: solid 2px #474d54;
 305     padding-left: 30px;
 306     margin-top: 35px;
 307 }
 308
 309 pre,
 310 code,
 311 kbd,
 312 tt,
 313 var {
 314     background: rgba(0, 0, 0, 0.05);
 315     font-size: 0.875rem;
 316     font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 317 }
 318
 319 kbd {
 320     padding: 2px 4px;
 321     font-size: 90%;
 322     color: #fff;
 323     background-color: #333;
 324     border-radius: 3px;
 325     box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
 326 }
 327
 328 pre.md-fences {
 329     padding: 10px 10px 10px 30px;
 330     margin-bottom: 20px;
 331     background: #333;
 332 }
 333
 334 .CodeMirror-gutters {
 335     background: #333;
 336     border-right: 1px solid transparent;
 337 }
 338
 339 .enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip,
 340 .enable-diagrams pre.md-fences[lang="flow"] .code-tooltip,
 341 .enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip {
 342     bottom: -2.2em;
 343     right: 4px;
 344 }
 345
 346 code,
 347 kbd,
 348 tt,
 349 var {
 350     padding: 2px 5px;
 351 }
 352
 353 table {
 354     max-width: 100%;
 355     width: 100%;
 356     border-collapse: collapse;
 357     border-spacing: 0;
 358 }
 359
 360 th,
 361 td {
 362     padding: 5px 10px;
 363     vertical-align: top;
 364 }
 365
 366 a {
 367     -webkit-transition: all .2s ease-in-out;
 368     transition: all .2s ease-in-out;
 369 }
 370
 371 hr {
 372     background: #474d54;
 373     /* variable */
 374 }
 375
 376 h1 {
 377     margin-top: 2em;
 378 }
 379
 380 a {
 381     color: #e0e0e0;
 382     text-decoration: underline;
 383 }
 384
 385 a:hover {
 386     color: #fff;
 387 }
 388
 389 .md-inline-math script {
 390     color: #81b1db;
 391 }
 392
 393 b,
 394 th,
 395 dt,
 396 strong {
 397     color: #DEDEDE;
 398     /* variable */
 399 }
 400
 401 mark {
 402     background: #D3D40E;
 403 }
 404
 405 blockquote {
 406     color: #9DA2A6;
 407 }
 408
 409 table a {
 410     color: #DEDEDE;
 411     /* variable */
 412 }
 413
 414 th,
 415 td {
 416     border: solid 1px #474d54;
 417     /* variable */
 418 }
 419
 420 .task-list {
 421     padding-left: 0;
 422 }
 423
 424 .md-task-list-item {
 425     padding-left: 1.25rem;
 426 }
 427
 428 .md-task-list-item > input {
 429     top: auto;
 430 }
 431
 432 .md-task-list-item > input:before {
 433     content: "";
 434     display: inline-block;
 435     width: 0.875rem;
 436     height: 0.875rem;
 437     vertical-align: middle;
 438     text-align: center;
 439     border: 1px solid #b8bfc6;
 440     background-color: #363B40;
 441     margin-top: -0.4rem;
 442 }
 443
 444 .md-task-list-item > input:checked:before,
 445 .md-task-list-item > input[checked]:before {
 446     content: '\221A';
 447     /*◘*/
 448     font-size: 0.625rem;
 449     line-height: 0.625rem;
 450     color: #DEDEDE;
 451 }
 452
 453 /** quick open **/
 454 .auto-suggest-container {
 455     border: 0px;
 456     background-color: #525C65;
 457 }
 458
 459 #typora-quick-open {
 460     background-color: #525C65;
 461 }
 462
 463 #typora-quick-open input{
 464     background-color: #525C65;
 465     border: 0;
 466     border-bottom: 1px solid grey;
 467 }
 468
 469 .typora-quick-open-item {
 470     background-color: inherit;
 471     color: inherit;
 472 }
 473
 474 .typora-quick-open-item.active,
 475 .typora-quick-open-item:hover {
 476     background-color: #4D8BDB;
 477     color: white;
 478 }
 479
 480 .typora-quick-open-item:hover {
 481     background-color: rgba(77, 139, 219, 0.8);
 482 }
 483
 484 .typora-search-spinner > div {
 485   background-color: #fff;
 486 }
 487
 488 #write pre.md-meta-block {
 489     border-bottom: 1px dashed #ccc;
 490     background: transparent;
 491     padding-bottom: 0.6em;
 492     line-height: 1.6em;
 493 }
 494
 495 .btn,
 496 .btn .btn-default {
 497     background: transparent;
 498     color: #b8bfc6;
 499 }
 500
 501 .ty-table-edit {
 502     border-top: 1px solid gray;
 503     background-color: #363B40;
 504 }
 505
 506 .popover-title {
 507     background: transparent;
 508 }
 509
 510 .md-image>.md-meta {
 511     color: #BBBBBB;
 512     background: transparent;
 513 }
 514
 515 .md-expand.md-image>.md-meta {
 516     color: #DDD;
 517 }
 518
 519 #write>h3:before,
 520 #write>h4:before,
 521 #write>h5:before,
 522 #write>h6:before {
 523     border: none;
 524     border-radius: 0px;
 525     color: #888;
 526     text-decoration: underline;
 527     left: -1.4rem;
 528     top: 0.2rem;
 529 }
 530
 531 #write>h3.md-focus:before {
 532     top: 2px;
 533 }
 534
 535 #write>h4.md-focus:before {
 536     top: 2px;
 537 }
 538
 539 .md-toc-item {
 540     color: #A8C2DC;
 541 }
 542
 543 #write div.md-toc-tooltip {
 544     background-color: #363B40;
 545 }
 546
 547 .dropdown-menu .btn:hover,
 548 .dropdown-menu .btn:focus,
 549 .md-toc .btn:hover,
 550 .md-toc .btn:focus {
 551     color: white;
 552     background: black;
 553 }
 554
 555 #toc-dropmenu {
 556     background: rgba(50, 54, 59, 0.93);
 557     border: 1px solid rgba(253, 253, 253, 0.15);
 558 }
 559
 560 #toc-dropmenu .divider {
 561     background-color: #9b9b9b;
 562 }
 563
 564 .outline-expander:before {
 565     top: 2px;
 566 }
 567
 568 #typora-sidebar {
 569     box-shadow: none;
 570     border-right: 1px dashed;
 571     border-right: none;
 572 }
 573
 574 .sidebar-tabs {
 575     border-bottom:0;
 576 }
 577
 578 #typora-sidebar:hover .outline-title-wrapper {
 579     border-left: 1px dashed;
 580 }
 581
 582 .outline-title-wrapper .btn {
 583     color: inherit;
 584 }
 585
 586 .outline-item:hover {
 587     border-color: #363B40;
 588     background-color: #363B40;
 589     color: white;
 590 }
 591
 592 h1.md-focus .md-attr,
 593 h2.md-focus .md-attr,
 594 h3.md-focus .md-attr,
 595 h4.md-focus .md-attr,
 596 h5.md-focus .md-attr,
 597 h6.md-focus .md-attr,
 598 .md-header-span .md-attr {
 599     color: #8C8E92;
 600     display: inline;
 601 }
 602
 603 .md-comment {
 604     color: #5a95e3;
 605     opacity: 1;
 606 }
 607
 608 .md-inline-math g,
 609 .md-inline-math svg {
 610     stroke: #b8bfc6 !important;
 611     fill: #b8bfc6 !important;
 612 }
 613
 614 [md-inline='inline_math'] {
 615     color: #9CB2E9;
 616 }
 617
 618 #math-inline-preview .md-arrow:after {
 619     background: black;
 620 }
 621
 622 .modal-content {
 623     background: var(--bg-color);
 624     border: 0;
 625 }
 626
 627 .modal-title {
 628     font-size: 1.5em;
 629 }
 630
 631 .modal-content input {
 632     background-color: rgba(26, 21, 21, 0.51);
 633     color: white;
 634 }
 635
 636 .modal-content .input-group-addon {
 637     color: white;
 638 }
 639
 640 .modal-backdrop {
 641     background-color: rgba(174, 174, 174, 0.7);
 642 }
 643
 644 .modal-content .btn-primary {
 645     border-color: var(--primary-color);
 646 }
 647
 648 .md-table-resize-popover {
 649     background-color: #333;
 650 }
 651
 652 .form-inline .input-group .input-group-addon {
 653     color: white;
 654 }
 655
 656 #md-searchpanel {
 657     border-bottom: 1px dashed grey;
 658 }
 659
 660 /** UI for electron */
 661
 662 .context-menu,
 663 #spell-check-panel,
 664 #footer-word-count-info {
 665     background-color: #42464A;
 666 }
 667
 668 .context-menu.dropdown-menu .divider,
 669 .dropdown-menu .divider {
 670     background-color: #777777;
 671 }
 672
 673 footer {
 674     color: inherit;
 675 }
 676
 677 @media (max-width: 1000px) {
 678     footer {
 679         border-top: none;
 680     }
 681     footer:hover {
 682         color: inherit;
 683     }
 684 }
 685
 686 #file-info-file-path .file-info-field-value:hover {
 687     background-color: #555;
 688     color: #dedede;
 689 }
 690
 691 .megamenu-content,
 692 .megamenu-opened header {
 693     background: var(--bg-color);
 694 }
 695
 696 .megamenu-menu-panel h2,
 697 .megamenu-menu-panel h1,
 698 .long-btn {
 699     color: inherit;
 700 }
 701
 702 .megamenu-menu-panel input[type='text'] {
 703     background: inherit;
 704     border: 0;
 705     border-bottom: 1px solid;
 706 }
 707
 708 #recent-file-panel-action-btn {
 709     background: inherit;
 710     border: 1px grey solid;
 711 }
 712
 713 .megamenu-menu-panel .dropdown-menu > li > a {
 714     color: inherit;
 715     background-color: #2F353A;
 716     text-decoration: none;
 717 }
 718
 719 .megamenu-menu-panel table td:nth-child(1) {
 720     color: inherit;
 721     font-weight: bold;
 722 }
 723
 724 .megamenu-menu-panel tbody tr:hover td:nth-child(1) {
 725     color: white;
 726 }
 727
 728 .modal-footer .btn-default,
 729 .modal-footer .btn-primary,
 730 .modal-footer .btn-default:not(:hover) {
 731     border: 1px solid;
 732     border-color: transparent;
 733 }
 734
 735 .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
 736     color: white;
 737     border: 1px solid #ddd;
 738     background-color: inherit;
 739 }
 740
 741 .modal-header {
 742     border-bottom: 0;
 743 }
 744
 745 .modal-footer {
 746     border-top: 0;
 747 }
 748
 749 #recent-file-panel tbody tr:nth-child(2n-1) {
 750     background-color: transparent !important;
 751 }
 752
 753 .megamenu-menu-panel tbody tr:hover td:nth-child(2) {
 754     color: inherit;
 755 }
 756
 757 .megamenu-menu-panel .btn {
 758     border: 1px solid #eee;
 759     background: transparent;
 760 }
 761
 762 .mouse-hover .toolbar-icon.btn:hover,
 763 #w-full.mouse-hover,
 764 #w-pin.mouse-hover {
 765     background-color: inherit;
 766 }
 767
 768 .typora-node::-webkit-scrollbar {
 769     width: 5px;
 770 }
 771
 772 .typora-node::-webkit-scrollbar-thumb:vertical {
 773     background: rgba(250, 250, 250, 0.3);
 774 }
 775
 776 .typora-node::-webkit-scrollbar-thumb:vertical:active {
 777     background: rgba(250, 250, 250, 0.5);
 778 }
 779
 780 #w-unpin {
 781     background-color: #4182c4;
 782 }
 783
 784 #top-titlebar, #top-titlebar * {
 785     color: var(--item-hover-text-color);
 786 }
 787
 788 .typora-sourceview-on #toggle-sourceview-btn,
 789 #footer-word-count:hover,
 790 .ty-show-word-count #footer-word-count {
 791     background: #333333;
 792 }
 793
 794 #toggle-sourceview-btn:hover {
 795     color: #eee;
 796     background: #333333;
 797 }
 798
 799 /** focus mode */
 800 .on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * {
 801     color: #686868 !important;
 802 }
 803
 804 .on-focus-mode .md-end-block:not(.md-focus) img,
 805 .on-focus-mode .md-task-list-item:not(.md-focus-container)>input {
 806     opacity: #686868 !important;
 807 }
 808
 809 .on-focus-mode li[cid]:not(.md-focus-container){
 810     color: #686868;
 811 }
 812
 813 .on-focus-mode .md-fences.md-focus .CodeMirror-code>*:not(.CodeMirror-activeline) *,
 814 .on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * {
 815     color: #686868 !important;
 816 }
 817
 818 .on-focus-mode .md-focus,
 819 .on-focus-mode .md-focus-container {
 820     color: #fff;
 821 }
 822
 823 .on-focus-mode #typora-source .CodeMirror-code>*:not(.CodeMirror-activeline) * {
 824     color: #686868 !important;
 825 }
 826
 827
 828 /*diagrams*/
 829 #write .md-focus .md-diagram-panel {
 830     border: 1px solid #ddd;
 831     margin-left: -1px;
 832     width: calc(100% + 2px);
 833 }
 834
 835 /*diagrams*/
 836 #write .md-focus.md-fences-with-lineno .md-diagram-panel {
 837     margin-left: auto;
 838 }
 839
 840 .md-diagram-panel-error {
 841     color: #f1908e;
 842 }
 843
 844 .active-tab-files #info-panel-tab-file,
 845 .active-tab-files #info-panel-tab-file:hover,
 846 .active-tab-outline #info-panel-tab-outline,
 847 .active-tab-outline #info-panel-tab-outline:hover {
 848     color: #eee;
 849 }
 850
 851 .sidebar-footer-item:hover,
 852 .footer-item:hover {
 853     background: inherit;
 854     color: white;
 855 }
 856
 857 .ty-side-sort-btn.active,
 858 .ty-side-sort-btn:hover,
 859 .selected-folder-menu-item a:after {
 860     color: white;
 861 }
 862
 863 #sidebar-files-menu {
 864     border:solid 1px;
 865     box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79);
 866     background-color: var(--bg-color);
 867 }
 868
 869 .file-list-item {
 870     border-bottom:none;
 871 }
 872
 873 .file-list-item-summary {
 874     opacity: 1;
 875 }
 876
 877 .file-list-item.active:first-child {
 878     border-top: none;
 879 }
 880
 881 .file-node-background {
 882     height: 32px;
 883 }
 884
 885 .file-library-node.active>.file-node-content,
 886 .file-list-item.active {
 887     color: white;
 888     color: var(--active-file-text-color);
 889 }
 890
 891 .file-library-node.active>.file-node-background{
 892     background-color: rgb(34, 34, 34);
 893     background-color: var(--active-file-bg-color);
 894 }
 895 .file-list-item.active {
 896     background-color: rgb(34, 34, 34);
 897     background-color: var(--active-file-bg-color);
 898 }
 899
 900 #ty-tooltip {
 901     background-color: black;
 902     color: #eee;
 903 }
 904
 905 .md-task-list-item>input {
 906     margin-left: -1.3em;
 907     margin-top: 0.3rem;
 908     -webkit-appearance: none;
 909 }
 910
 911 .md-mathjax-midline {
 912     background-color: #57616b;
 913     border-bottom: none;
 914 }
 915
 916 footer.ty-footer {
 917     border-color: #656565;
 918 }
 919
 920 .ty-preferences .btn-default {
 921     background: transparent;
 922 }
 923 .ty-preferences .btn-default:hover {
 924     background: #57616b;
 925 }
 926
 927 .ty-preferences select {
 928     border: 1px solid #989698;
 929     height: 21px;
 930 }
 931
 932 .ty-preferences .nav-group-item.active {
 933     background: var(--item-hover-bg-color);
 934 }
 935
 936 .ty-preferences input[type="search"] {
 937     border-color: #333;
 938     background: #333;
 939     line-height: 22px;
 940     border-radius: 6px;
 941     color: white;
 942 }
 943
 944 .ty-preferences input[type="search"]:focus {
 945     box-shadow: none;
 946 }
 947
 948 [data-is-directory="true"] .file-node-content {
 949     margin-bottom: 0;
 950 }
 951
 952 .file-node-title {
 953     line-height: 22px;
 954 }
 955
 956 .html-for-mac .file-node-open-state, .html-for-mac .file-node-icon {
 957     line-height: 26px;
 958 }
 959
 960 ::-webkit-scrollbar-thumb {
 961     background: rgba(230, 230, 230, 0.30);
 962 }
 963
 964 ::-webkit-scrollbar-thumb:active {
 965     background: rgba(230, 230, 230, 0.50);
 966 }
 967
 968 #typora-sidebar:hover div.sidebar-content-content::-webkit-scrollbar-thumb:horizontal {
 969     background: rgba(230, 230, 230, 0.30);
 970 }
 971
 972 .nav-group-item:active {
 973     background-color: #474d54;
 974 }
 975
 976 .md-search-hit {
 977     background-color: rgba(199, 140, 60, 0.81);
 978     color: #eee;
 979 }
 980
 981 .md-search-hit * {
 982     color: #eee;
 983 }
 984
 985 #md-searchpanel input {
 986     color: white;
 987 }