black.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. /* Layout */
  2. body {
  3. background: #222;
  4. color: #efefef;
  5. }
  6. hr {
  7. border-color: #555;
  8. }
  9. h1, h2, h3 {
  10. color: #aaa;
  11. }
  12. a {
  13. color: #aaa;
  14. }
  15. a:focus,
  16. a:hover {
  17. color: #ddd;
  18. }
  19. /* Header and main menu */
  20. .header li {
  21. border-color: #333;
  22. }
  23. .header a {
  24. color: #ddd;
  25. font-weight: 400;
  26. }
  27. .header .active a {
  28. font-weight: 400;
  29. color: #9b9494;
  30. }
  31. .header a:focus,
  32. .header a:hover {
  33. color: rgba(82, 168, 236, 0.85);
  34. }
  35. /* Page header */
  36. .page-header h1 {
  37. border-color: #333;
  38. }
  39. /* Logo */
  40. .logo a:hover span {
  41. color: #555;
  42. }
  43. /* Tables */
  44. table, th, td {
  45. border: 1px solid #555;
  46. }
  47. th {
  48. background: #333;
  49. color: #aaa;
  50. font-weight: 400;
  51. }
  52. tr:hover {
  53. background-color: #333;
  54. color: #aaa;
  55. }
  56. /* Forms */
  57. input[type="search"],
  58. input[type="url"],
  59. input[type="password"],
  60. input[type="text"] {
  61. border: 1px solid #555;
  62. background: #333;
  63. color: #ccc;
  64. }
  65. input[type="search"]:focus,
  66. input[type="url"]:focus,
  67. input[type="password"]:focus,
  68. input[type="text"]:focus {
  69. color: #efefef;
  70. border-color: rgba(82, 168, 236, 0.8);
  71. box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
  72. }
  73. /* Buttons */
  74. .button-primary {
  75. border-color: #444;
  76. background: #333;
  77. color: #efefef;
  78. }
  79. .button-primary:hover,
  80. .button-primary:focus {
  81. border-color: #888;
  82. background: #555;
  83. }
  84. /* Alerts */
  85. .alert,
  86. .alert-success,
  87. .alert-error,
  88. .alert-info,
  89. .alert-normal {
  90. color: #efefef;
  91. background-color: #333;
  92. border-color: #444;
  93. }
  94. /* Panel */
  95. .panel {
  96. background: #333;
  97. border-color: #555;
  98. color: #9b9b9b;
  99. }
  100. /* Modals */
  101. #modal-left {
  102. background: #333;
  103. color: #efefef;
  104. box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);
  105. }
  106. /* Keyboard Shortcuts */
  107. .keyboard-shortcuts li {
  108. color: #9b9b9b;
  109. }
  110. /* Counters */
  111. .unread-counter-wrapper,
  112. .error-feeds-counter-wrapper {
  113. color: #bbb;
  114. }
  115. /* Category label */
  116. .category {
  117. color: #efefef;
  118. background-color: #333;
  119. border-color: #444;
  120. }
  121. .category a {
  122. color: #999;
  123. }
  124. .category a:hover,
  125. .category a:focus {
  126. color: #aaa;
  127. }
  128. /* Pagination */
  129. .pagination a {
  130. color: #aaa;
  131. }
  132. .pagination-bottom {
  133. border-color: #333;
  134. }
  135. /* List view */
  136. .item {
  137. border-color: #666;
  138. padding: 4px;
  139. }
  140. .item.current-item {
  141. border-width: 2px;
  142. border-color: rgba(82, 168, 236, 0.8);
  143. box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
  144. }
  145. .item-title a {
  146. font-weight: 400;
  147. }
  148. .item-status-read .item-title a {
  149. color: #666;
  150. }
  151. .item-status-read .item-title a:focus,
  152. .item-status-read .item-title a:hover {
  153. color: rgba(82, 168, 236, 0.6);
  154. }
  155. .item-meta a:hover,
  156. .item-meta a:focus {
  157. color: #aaa;
  158. }
  159. .item-meta li:after {
  160. color: #ddd;
  161. }
  162. /* Feeds list */
  163. article.feed-parsing-error {
  164. background-color: #343434;
  165. }
  166. .parsing-error {
  167. color: #eee;
  168. }
  169. /* Entry view */
  170. .entry header {
  171. border-color: #333;
  172. }
  173. .entry header h1 a {
  174. color: #bbb;
  175. }
  176. .entry-content,
  177. .entry-content p, ul {
  178. color: #999;
  179. }
  180. .entry-content pre,
  181. .entry-content code {
  182. color: #fff;
  183. background: #555;
  184. border-color: #888;
  185. }
  186. .entry-content q {
  187. color: #777;
  188. }
  189. .entry-enclosure {
  190. border-color: #333;
  191. }