dark.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. /**
  2. teedoc light theme css
  3. @author neucrack
  4. @copyright (c) neucrack CZD666666@gmail.com with MIT License
  5. @changes 2021.1.27 add basic attrributes
  6. */
  7. /*
  8. use .dark class to cover light theme style
  9. */
  10. /* global template */
  11. .dark body {
  12. color: #d1d1d1;
  13. background-color: #1b1b1b;
  14. }
  15. .dark a {
  16. color: #8a8a8a;
  17. }
  18. .dark a:visited {
  19. color: #8a8a8a;
  20. }
  21. .dark code {
  22. background-color: #2a2a2a;
  23. }
  24. .dark pre[class*="language-"].line-numbers > code {
  25. background: none;
  26. padding: 0;
  27. }
  28. .dark #navbar .sub_items ul {
  29. box-shadow: 0 0 9px 0px #000000;
  30. background-color: #232323;
  31. }
  32. .dark #sidebar .active > a,
  33. .dark #navbar .active > a {
  34. background-color: #2d2d2d;
  35. color: #4caf7d;
  36. }
  37. .dark #sidebar .active > a,
  38. .dark #navbar .active > a,
  39. .dark #navbar .active_parent > a {
  40. background-color: #2d2d2d;
  41. }
  42. .dark #sidebar li > a:hover,
  43. .dark #sidebar li.active_parent > a:hover,
  44. .dark #navbar li > a:hover,
  45. .dark #navbar .sub_items > a:hover {
  46. background-color: #2d2d2d;
  47. }
  48. .dark #sidebar ul .active_parent > a {
  49. background-color: #232323;
  50. }
  51. .dark .gutter.gutter-horizontal {
  52. background-color: #484848;
  53. }
  54. .dark *::-webkit-scrollbar-track {
  55. background: #484848;
  56. }
  57. .dark *::-webkit-scrollbar-thumb {
  58. background-color: #6b6b6b;
  59. }
  60. .dark #article #toc {
  61. background-color: #1b1b1b;
  62. }
  63. .dark #to_top {
  64. background-color: #2d2d2d;
  65. box-shadow: 8px 8px 20px #000000;
  66. }
  67. .dark #to_top:hover {
  68. box-shadow: 8px 8px 28px #000000;
  69. }
  70. .dark #to_top:active {
  71. box-shadow: 0px 0px 20px #000000;
  72. }
  73. .dark blockquote {
  74. background-color: #2d2d2d;
  75. }
  76. .dark blockquote.spoiler {
  77. border-left: 5px solid #FF9800;
  78. background-color: #6e5200;
  79. color: white;
  80. }
  81. .dark td {
  82. background-color: #373737;
  83. border: 2px solid #555555;
  84. }
  85. .dark th {
  86. font-weight: 700;
  87. background-color: #0f5943;
  88. color: white;
  89. border: 2px solid #006f4f;
  90. }
  91. .dark sup a {
  92. background-color: #2d2d2d;
  93. }
  94. .dark a:hover {
  95. background-color: #424242;
  96. }
  97. .dark #doc_footer {
  98. background-color: #2d2d2d;
  99. border-top: 1px solid #2d2d2d;
  100. }
  101. .dark #page_footer {
  102. background-color: #2d2d2d;
  103. border-top: 1px solid #2d2d2d;
  104. }
  105. .dark #footer a:hover {
  106. background-color: #404040;
  107. }
  108. .dark #previous_next {
  109. border-top: 1px solid #525252;
  110. }
  111. .dark #previous_next a {
  112. background-color: #2d2d2d;
  113. }
  114. /* google translate */
  115. .dark #navbar #google_translate_element .goog-te-gadget-simple {
  116. background-color: #1b1b1b;
  117. }
  118. .dark #navbar #google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
  119. color: #8a8a8a;
  120. }
  121. /* tabset */
  122. .dark .tabset {
  123. border: 0.2em solid #4c4c4c;
  124. }
  125. .dark .tabset-text-container {
  126. background-color: #212121;
  127. }
  128. .dark .tabset-tab-active {
  129. background-color: #212121;
  130. }
  131. /* details */
  132. .dark details {
  133. border: 0.2em solid #4c4c4c;
  134. }
  135. .dark details > .details-content {
  136. background-color: #212121;
  137. }
  138. /* markdown */
  139. .dark #mermaid-1662893106119 .messageText {
  140. fill: #6f6f6f;
  141. stroke: #6f6f6f;
  142. }
  143. #mermaid-1662893106119 .loopText, #mermaid-1662893106119 .loopText>tspan {
  144. fill: #a99b1a;
  145. stroke: none;
  146. }
  147. @media screen and (max-width: 900px) {
  148. .dark #menu_wrapper.m_menu_fixed {
  149. background-color: rgb(27, 27, 27, 0.9);
  150. box-shadow: 0px 1px 10px 0px rgb(0, 0, 0, 0.32);
  151. }
  152. .dark #sidebar_wrapper {
  153. background-color: #1b1b1b;
  154. }
  155. .dark #navbar {
  156. display: block;
  157. border-bottom: 1px solid #383838;
  158. z-index: 89;
  159. }
  160. }