coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content 8.8 KB

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