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