editormd.preview.themes.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /* Preview dark theme */
  2. #{$prefix}preview-theme-dark {
  3. color: #777;
  4. background:#2C2827;
  5. #{$prefix}preview-container {
  6. color: #888;
  7. background-color: #2C2827;
  8. //font-family: "Meiryo UI", "Helvetica Neue", "Microsoft YaHei";
  9. pre.prettyprint {
  10. border: none;
  11. }
  12. blockquote {
  13. color: #555;
  14. padding: 0.5em;
  15. background: #222;
  16. border-color: #333;
  17. }
  18. abbr {
  19. color: #fff;
  20. padding: 1px 3px;
  21. @include border-radius(3px);
  22. background:#ff9900;
  23. }
  24. code {
  25. color: #fff;
  26. border: none;
  27. padding: 1px 3px;
  28. @include border-radius(3px);
  29. background: #5A9600;
  30. }
  31. table {
  32. border: none;
  33. }
  34. .fa-emoji {
  35. color: #B4BF42;
  36. }
  37. .katex {
  38. color: #FEC93F;
  39. }
  40. }
  41. .editormd-toc-menu {
  42. > .markdown-toc {
  43. background:#fff;
  44. border:none;
  45. h1 {
  46. border-color:#ddd;
  47. }
  48. }
  49. }
  50. .markdown-body {
  51. h1, h2, hr {
  52. border-color: #222;
  53. }
  54. }
  55. pre {
  56. color: #999;
  57. background-color: #111;
  58. background-color: rgba(0,0,0,.4);
  59. /* plain text */
  60. .pln {
  61. color: #999;
  62. }
  63. }
  64. li.L1, li.L3, li.L5, li.L7, li.L9 {
  65. background: none;
  66. }
  67. [class*=editormd-logo] {
  68. color: #2196F3;
  69. }
  70. .sequence-diagram {
  71. text {
  72. fill: #fff;
  73. }
  74. rect, path {
  75. color:#fff;
  76. fill : #64D1CB;
  77. stroke : #64D1CB;
  78. }
  79. }
  80. .flowchart {
  81. rect, path {
  82. stroke : #A6C6FF;
  83. }
  84. rect {
  85. fill: #A6C6FF;
  86. }
  87. text {
  88. fill: #5879B4;
  89. }
  90. }
  91. }
  92. @media screen {
  93. #{$prefix}preview-theme-dark {
  94. .str { color: #080 } /* string content */
  95. .kwd { color: #ff9900; } /* a keyword */
  96. .com { color: #444444; } /* a comment */
  97. .typ { color: #606 } /* a type name */
  98. .lit { color: #066 } /* a literal value */
  99. /* punctuation, lisp open bracket, lisp close bracket */
  100. .pun, .opn, .clo { color: #660 }
  101. .tag { color: #ff9900; } /* a markup tag name */
  102. .atn { color: #6C95F5; } /* a markup attribute name */
  103. .atv { color: #080 } /* a markup attribute value */
  104. .dec, .var { color: #008BA7; } /* a declaration; a variable name */
  105. .fun { color: red } /* a function name */
  106. }
  107. }