coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content 10.0 KB

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