dark.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. @import '../../parse/highlight/style/monokai.css'; /*正文样式*/
  2. .h2w-dark {
  3. color: #ddd;
  4. background-color: #000;
  5. }
  6. /**标题**/
  7. .h2w-dark .h2w__h1,
  8. .h2w-dark .h2w__h2 {
  9. border-color: #3d3d3d;
  10. }
  11. /**表格**/
  12. .h2w-dark .h2w__thead .h2w__tr {
  13. background-color: #1f1f1f;
  14. }
  15. .h2w-dark .h2w__table .h2w__tr:nth-child(2n) {
  16. background-color: #090909;
  17. }
  18. .h2w-dark .h2w__th,
  19. .h2w-dark .h2w__td {
  20. border-color: #333;
  21. }
  22. /**代码块**/
  23. .h2w-dark .h2w__pre,
  24. .h2w-dark .h2w__pre .h2w__code {
  25. background-color: #1b1b1b;
  26. border-color: #262626;
  27. }
  28. .h2w-dark .h2w__code {
  29. background-color: #272822;
  30. border-color: #1b1c18;
  31. }
  32. /**块元素**/
  33. .h2w-dark .h2w__blockquote {
  34. border-left-color: #10230f;
  35. }
  36. /**内连元素**/
  37. .h2w-dark .h2w__a {
  38. color: #1aad16;
  39. border-color: #4d804b;
  40. }
  41. .h2w-dark .h2w__hr {
  42. background-color: #242424;
  43. }
  44. .h2w-dark .h2w__mark {
  45. background: yellow;
  46. color: black;
  47. }
  48. .h2w-dark .h2w__todoCheckbox .wx-checkbox-input {
  49. background: #2e2e2e;
  50. border-color: #494949;
  51. }
  52. .h2w-dark .h2w__todoCheckbox .wx-checkbox-input.wx-checkbox-input-checked {
  53. background: green;
  54. border-color: #4d804b;
  55. }
  56. .h2w-dark .h2w__todoCheckbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  57. color: white;
  58. }
  59. .h2w-dark .h2w__lineNum {
  60. color: #494949;
  61. }
  62. /**代码高亮样式**/