Просмотр файла public/themes/default-dark/src/dark.css

Размер файла: 5.43Kb
  1. .app {
  2. max-width: none;
  3. }
  4.  
  5. .app-sidebar {
  6. background-color: #181A1F !important;
  7. }
  8.  
  9. .section, .app-content, .app-title, .app-footer, .section-form, .app-notification {
  10. background-color: #282C34;
  11. color: #B7B8B9;
  12. }
  13.  
  14. .dropdown-item {
  15. color: #B7B8B9;
  16. }
  17.  
  18. .app-notification__title {
  19. background-color: #2e8cc2;
  20. }
  21.  
  22. .app-notification__footer {
  23. background-color: #1D1F23;
  24. }
  25.  
  26. .app-notification i, .app-notification {
  27. color: #B7B8B9 !important;
  28. }
  29.  
  30. .app-notification__item {
  31. border-bottom: 0;
  32. }
  33.  
  34. .app-notification__item:hover,
  35. .app-notification__item:focus {
  36. background-color: #333842;
  37. }
  38.  
  39. .section-body {
  40. border-top: 1px solid #1D1F23 !important;
  41. }
  42.  
  43. .alert-danger {
  44. background: linear-gradient(to right, #4A2245, #252243 15%);
  45. border: 0;
  46. color: #FF0045 !important;
  47. }
  48.  
  49. .alert-success {
  50. background: linear-gradient(to right, #15424D, #252243 15%);
  51. color: #01DC6B !important;
  52. border: 0;
  53. }
  54.  
  55. .alert-success button, .alert-danger button {
  56. color: tomato;
  57. }
  58.  
  59. .alert-success button:hover, .alert-danger button:hover {
  60. color: red;
  61. }
  62.  
  63. .markItUpContainer i {
  64. color: #B7B8B9 !important;
  65. z-index: 1;
  66. }
  67.  
  68. .section-media {
  69. border-top: 1px solid #1D1F23;
  70. border-right: 1px solid #1D1F23;
  71. border-bottom: 1px solid #1D1F23;
  72. }
  73.  
  74. .form-control, .form-select {
  75. background-color: #1D1F23 !important;
  76. border: 2px solid #35373f !important;
  77. color: #B7B8B9 !important;
  78. }
  79.  
  80. .form-control:focus, .form-select.focus {
  81. border-color: #3E4452 !important;
  82. }
  83.  
  84. .app-header {
  85. box-shadow: 0 0 3px black;
  86. }
  87.  
  88. .app-nav, .app-header__logo, .app-header {
  89. background-color: #21252B;
  90. }
  91.  
  92. .alert-info {
  93. background-color: #16191d;
  94. border: 1px solid #21252B;
  95. color: dodgerblue;
  96. }
  97.  
  98. .alert-warning {
  99. background-color: #16191d;
  100. border: 1px solid #21252B;
  101. color: darkorange;
  102. }
  103.  
  104. .page-link {
  105. background-color: #181A1F !important;
  106. border: 1px solid gray !important;
  107. color: gray;
  108. }
  109.  
  110. .page-item.active .page-link {
  111. background-color: #3E4452 !important;
  112. }
  113.  
  114. .page-link:hover, .dropdown-item:hover, .dropdown-item:focus {
  115. background-color: #3E4452 !important;
  116. color: white;
  117. }
  118.  
  119. .app-menu__item.active, .app-menu__item:hover, .treeview.is-expanded {
  120. background-color: #282C34 !important;
  121. }
  122.  
  123. .section:hover, .section.bg-warning {
  124. background-color: #333842 !important;
  125. }
  126.  
  127. .blockquote {
  128. background-color: #181A1F;
  129. border-left: 5px solid #0d0e11;
  130. }
  131.  
  132. .dropdown-item i {
  133. width: 32px;
  134. }
  135.  
  136. .card {
  137. color: #B7B8B9;
  138. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  139. position: relative;
  140. display: flex;
  141. flex-direction: column;
  142. min-width: 0;
  143. word-wrap: break-word;
  144. background-clip: border-box;
  145. border: 0 solid rgba(0, 0, 0, .125);
  146. border-radius: .25rem;
  147. background-color: #1D1F23 !important;
  148. }
  149.  
  150. .table, .table-striped tr {
  151. color: #B7B8B9 !important;
  152. border-color: #3E4452 !important;
  153. }
  154.  
  155. .bb-sticker ul {
  156. background-color: #1D1F23 !important;
  157. border: 1px solid #35373f !important;
  158. z-index: 1;
  159. }
  160.  
  161. .bb-color ul, .bb-size ul {
  162. background-color: #1D1F23 !important;
  163. border: 1px solid #35373f !important;
  164. z-index: 1;
  165. }
  166.  
  167. .bb-color ul li {
  168. border: 2px solid #181A1F !important;
  169. }
  170.  
  171. .bb-size ul li {
  172. border-bottom: 1px solid #35373f !important;
  173. }
  174.  
  175. .bb-size ul a {
  176. color: gray !important;
  177. }
  178.  
  179. .bb-size ul a:hover {
  180. color: darkgray !important;
  181. }
  182.  
  183. .post-rating-up.active {
  184. color: #1D1F23;
  185. }
  186.  
  187. .input-group-text, .popover-body {
  188. background-color: #1D1F23 !important;
  189. border: 1px solid #3E4452 !important;
  190. color: #B7B8B9 !important;
  191. }
  192.  
  193. .btn.btn-light:hover, .btn-light:active, .btn-light:focus {
  194. color: darkgray !important;
  195. }
  196.  
  197. .dropdown-menu {
  198. background-color: #1D1F23 !important;
  199. border: 1px solid #3E4452 !important;
  200. color: #B7B8B9 !important;
  201. }
  202.  
  203. .img-thumbnail {
  204. border: 0;
  205. box-shadow: 0 0 3px black;
  206. padding: 0;
  207. }
  208.  
  209. .dropdown-menu.show {
  210. margin-left: -104px;
  211. }
  212.  
  213. .btn-light {
  214. background-color: #1D1F23 !important;
  215. color: darkgray;
  216. border: 1px solid #35373f !important;
  217. }
  218.  
  219. .list-group-item {
  220. background-color: #282C34;
  221. color: #B7B8B9;
  222. }
  223.  
  224. .forum_topic {
  225. display: block;
  226. }
  227.  
  228. .forum_topic a:first-child {
  229. flex: 1;
  230. padding: 5px
  231. }
  232.  
  233. .forum_topic a:first-child:hover {
  234. background-color: #282c34;
  235. text-decoration: none;
  236. }
  237.  
  238. .forum_topic a:last-child {
  239. max-width: 80px;
  240. width: 80px;
  241. text-align: center;
  242. padding: 5px;
  243. }
  244.  
  245. .forum_topic a:last-child:hover {
  246. background-color: #282c34;
  247. text-decoration: none;
  248. }
  249.  
  250. .border-top {
  251. border-top: 1px solid #21252B !important;
  252. }
  253.  
  254. .border-bottom {
  255. border-bottom: 1px solid #21252B !important;
  256. }
  257.  
  258. .hidden-text {
  259. background-color: #1D1F23 !important;
  260. }
  261.  
  262. .modal-content {
  263. background-color: #282C34 !important;
  264. color: #B7B8B9;
  265. }
  266.  
  267. .modal-body button {
  268. color: white;
  269. }
  270.  
  271. .modal-footer {
  272. border-top: 1px solid #3E4452 !important;;
  273. }
  274.  
  275. .spoiler-text {
  276. background-color: #1D1F23 !important;
  277. }
  278.  
  279. .bg-light {
  280. background-color: #282C34 !important;
  281. color: #B7B8B9 !important;
  282. }
  283.  
  284. .bg-info {
  285. color: #1D1F23 !important;
  286. }
  287.  
  288. .scrollup {
  289. color: #FFF;
  290. }
  291.  
  292. .performance {
  293. background-color: #1D1F23;
  294. color: #B7B8B9;
  295. border: 1px solid #1D1F23;
  296. box-shadow: 0 1px 8px #1D1F23;
  297. }
  298.  
  299. .prettyprint, .js-queries {
  300. background-color: #1D1F23;
  301. color: #B7B8B9;
  302. }
  303.  
  304. .prettyprint ol.linenums {
  305. margin: 0;
  306. padding: 0.5rem 3rem;
  307. box-shadow: inset 40px 0 0 #21252B, inset 41px 0 0 #262638;
  308. }