coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. body.colorscheme-dark {
  2. color: #dadada;
  3. background-color: #212121; }
  4. body.colorscheme-dark a {
  5. color: #42a5f5; }
  6. body.colorscheme-dark h1,
  7. body.colorscheme-dark h2,
  8. body.colorscheme-dark h3,
  9. body.colorscheme-dark h4,
  10. body.colorscheme-dark h5,
  11. body.colorscheme-dark h6 {
  12. color: #dadada; }
  13. body.colorscheme-dark h1:hover .heading-link,
  14. body.colorscheme-dark h2:hover .heading-link,
  15. body.colorscheme-dark h3:hover .heading-link,
  16. body.colorscheme-dark h4:hover .heading-link,
  17. body.colorscheme-dark h5:hover .heading-link,
  18. body.colorscheme-dark h6:hover .heading-link {
  19. visibility: visible; }
  20. body.colorscheme-dark h1 .heading-link,
  21. body.colorscheme-dark h2 .heading-link,
  22. body.colorscheme-dark h3 .heading-link,
  23. body.colorscheme-dark h4 .heading-link,
  24. body.colorscheme-dark h5 .heading-link,
  25. body.colorscheme-dark h6 .heading-link {
  26. color: #42a5f5;
  27. font-weight: inherit;
  28. text-decoration: none;
  29. font-size: 80%;
  30. visibility: hidden; }
  31. body.colorscheme-dark h1 .title-link,
  32. body.colorscheme-dark h2 .title-link,
  33. body.colorscheme-dark h3 .title-link,
  34. body.colorscheme-dark h4 .title-link,
  35. body.colorscheme-dark h5 .title-link,
  36. body.colorscheme-dark h6 .title-link {
  37. color: inherit;
  38. font-weight: inherit;
  39. text-decoration: none; }
  40. body.colorscheme-dark code {
  41. background-color: #424242;
  42. color: #dadada; }
  43. body.colorscheme-dark pre {
  44. background-color: #424242 !important; }
  45. body.colorscheme-dark pre code {
  46. color: inherit; }
  47. body.colorscheme-dark blockquote {
  48. border-left: 2px solid #424242; }
  49. body.colorscheme-dark table td,
  50. body.colorscheme-dark table th {
  51. border: 2px solid #dadada; }
  52. @media (prefers-color-scheme: dark) {
  53. body.colorscheme-auto {
  54. color: #dadada;
  55. background-color: #212121; }
  56. body.colorscheme-auto a {
  57. color: #42a5f5; }
  58. body.colorscheme-auto h1,
  59. body.colorscheme-auto h2,
  60. body.colorscheme-auto h3,
  61. body.colorscheme-auto h4,
  62. body.colorscheme-auto h5,
  63. body.colorscheme-auto h6 {
  64. color: #dadada; }
  65. body.colorscheme-auto h1:hover .heading-link,
  66. body.colorscheme-auto h2:hover .heading-link,
  67. body.colorscheme-auto h3:hover .heading-link,
  68. body.colorscheme-auto h4:hover .heading-link,
  69. body.colorscheme-auto h5:hover .heading-link,
  70. body.colorscheme-auto h6:hover .heading-link {
  71. visibility: visible; }
  72. body.colorscheme-auto h1 .heading-link,
  73. body.colorscheme-auto h2 .heading-link,
  74. body.colorscheme-auto h3 .heading-link,
  75. body.colorscheme-auto h4 .heading-link,
  76. body.colorscheme-auto h5 .heading-link,
  77. body.colorscheme-auto h6 .heading-link {
  78. color: #42a5f5;
  79. font-weight: inherit;
  80. text-decoration: none;
  81. font-size: 80%;
  82. visibility: hidden; }
  83. body.colorscheme-auto h1 .title-link,
  84. body.colorscheme-auto h2 .title-link,
  85. body.colorscheme-auto h3 .title-link,
  86. body.colorscheme-auto h4 .title-link,
  87. body.colorscheme-auto h5 .title-link,
  88. body.colorscheme-auto h6 .title-link {
  89. color: inherit;
  90. font-weight: inherit;
  91. text-decoration: none; }
  92. body.colorscheme-auto code {
  93. background-color: #424242;
  94. color: #dadada; }
  95. body.colorscheme-auto pre {
  96. background-color: #424242 !important; }
  97. body.colorscheme-auto pre code {
  98. color: inherit; }
  99. body.colorscheme-auto blockquote {
  100. border-left: 2px solid #424242; }
  101. body.colorscheme-auto table td,
  102. body.colorscheme-auto table th {
  103. border: 2px solid #dadada; } }
  104. body.colorscheme-dark .content .post .tags .tag {
  105. background-color: #424242; }
  106. body.colorscheme-dark .content .post .tags .tag a {
  107. color: #dadada; }
  108. body.colorscheme-dark .content .post .tags .tag a:active {
  109. color: #dadada; }
  110. body.colorscheme-dark .content .list ul li .title {
  111. color: #dadada; }
  112. body.colorscheme-dark .content .list ul li .title:hover, body.colorscheme-dark .content .list ul li .title:focus {
  113. color: #42a5f5; }
  114. body.colorscheme-dark .content .centered .about ul li a {
  115. color: #dadada; }
  116. body.colorscheme-dark .content .centered .about ul li a:hover, body.colorscheme-dark .content .centered .about ul li a:focus {
  117. color: #42a5f5; }
  118. @media (prefers-color-scheme: dark) {
  119. body.colorscheme-auto .content .post .tags .tag {
  120. background-color: #424242; }
  121. body.colorscheme-auto .content .post .tags .tag a {
  122. color: #dadada; }
  123. body.colorscheme-auto .content .post .tags .tag a:active {
  124. color: #dadada; }
  125. body.colorscheme-auto .content .list ul li .title {
  126. color: #dadada; }
  127. body.colorscheme-auto .content .list ul li .title:hover, body.colorscheme-auto .content .list ul li .title:focus {
  128. color: #42a5f5; }
  129. body.colorscheme-auto .content .centered .about ul li a {
  130. color: #dadada; }
  131. body.colorscheme-auto .content .centered .about ul li a:hover, body.colorscheme-auto .content .centered .about ul li a:focus {
  132. color: #42a5f5; } }
  133. body.colorscheme-dark .notice .notice-title {
  134. border-bottom: 1px solid #212121; }
  135. @media (prefers-color-scheme: dark) {
  136. body.colorscheme-auto .notice .notice-title {
  137. border-bottom: 1px solid #212121; } }
  138. body.colorscheme-dark .navigation a,
  139. body.colorscheme-dark .navigation span {
  140. color: #dadada; }
  141. body.colorscheme-dark .navigation a:hover, body.colorscheme-dark .navigation a:focus {
  142. color: #42a5f5; }
  143. @media only screen and (max-width: 768px) {
  144. body.colorscheme-dark .navigation .navigation-list {
  145. background-color: #212121;
  146. border-top: solid 2px #424242;
  147. border-bottom: solid 2px #424242; } }
  148. @media only screen and (max-width: 768px) {
  149. body.colorscheme-dark .navigation .navigation-list .menu-separator {
  150. border-top: 2px solid #dadada; } }
  151. @media only screen and (max-width: 768px) {
  152. body.colorscheme-dark .navigation #menu-toggle:checked + label > i {
  153. color: #424242; } }
  154. body.colorscheme-dark .navigation i {
  155. color: #dadada; }
  156. body.colorscheme-dark .navigation i:hover, body.colorscheme-dark .navigation i:focus {
  157. color: #42a5f5; }
  158. body.colorscheme-dark .navigation .menu-button i:hover, body.colorscheme-dark .navigation .menu-button i:focus {
  159. color: #dadada; }
  160. @media (prefers-color-scheme: dark) {
  161. body.colorscheme-auto .navigation a,
  162. body.colorscheme-auto .navigation span {
  163. color: #dadada; }
  164. body.colorscheme-auto .navigation a:hover, body.colorscheme-auto .navigation a:focus {
  165. color: #42a5f5; } }
  166. @media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
  167. body.colorscheme-auto .navigation .navigation-list {
  168. background-color: #212121;
  169. border-top: solid 2px #424242;
  170. border-bottom: solid 2px #424242; } }
  171. @media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
  172. body.colorscheme-auto .navigation .navigation-list .menu-separator {
  173. border-top: 2px solid #dadada; } }
  174. @media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
  175. body.colorscheme-auto .navigation #menu-toggle:checked + label > i {
  176. color: #424242; } }
  177. @media (prefers-color-scheme: dark) {
  178. body.colorscheme-auto .navigation i {
  179. color: #dadada; }
  180. body.colorscheme-auto .navigation i:hover, body.colorscheme-auto .navigation i:focus {
  181. color: #42a5f5; }
  182. body.colorscheme-auto .navigation .menu-button i:hover, body.colorscheme-auto .navigation .menu-button i:focus {
  183. color: #dadada; } }
  184. body.colorscheme-dark .taxonomy-element {
  185. background-color: #424242; }
  186. body.colorscheme-dark .taxonomy-element a {
  187. color: #dadada; }
  188. body.colorscheme-dark .taxonomy-element a:active {
  189. color: #dadada; }
  190. @media (prefers-color-scheme: dark) {
  191. body.colorscheme-auto .taxonomy-element {
  192. background-color: #424242; }
  193. body.colorscheme-auto .taxonomy-element a {
  194. color: #dadada; }
  195. body.colorscheme-auto .taxonomy-element a:active {
  196. color: #dadada; } }
  197. body.colorscheme-dark .footer a {
  198. color: #42a5f5; }
  199. @media (prefers-color-scheme: dark) {
  200. body.colorscheme-auto .footer a {
  201. color: #42a5f5; } }
  202. body.colorscheme-dark .float-container a {
  203. color: #dadada;
  204. background-color: #424242; }
  205. body.colorscheme-dark .float-container a:hover, body.colorscheme-dark .float-container a:focus {
  206. color: #42a5f5; }
  207. @media only screen and (max-width: 768px) {
  208. body.colorscheme-dark .float-container a:hover, body.colorscheme-dark .float-container a:focus {
  209. color: #dadada; } }
  210. @media (prefers-color-scheme: dark) {
  211. body.colorscheme-auto .float-container a {
  212. color: #dadada;
  213. background-color: #424242; }
  214. body.colorscheme-auto .float-container a:hover, body.colorscheme-auto .float-container a:focus {
  215. color: #42a5f5; } }
  216. @media only screen and (prefers-color-scheme: dark) and (max-width: 768px) {
  217. body.colorscheme-auto .float-container a:hover, body.colorscheme-auto .float-container a:focus {
  218. color: #dadada; } }
  219. /*# sourceMappingURL=coder-dark.css.map */