default-dark.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432
  1. /* skin-aria-ng core */
  2. .theme-dark.skin-aria-ng {
  3. color: #eee;
  4. background-color: #1a1a1a;
  5. }
  6. .theme-dark.skin-aria-ng select {
  7. background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23cccccc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important;
  8. }
  9. .theme-dark.skin-aria-ng .cg-busy-backdrop {
  10. background-color: #1a1a1a;
  11. }
  12. .theme-dark.skin-aria-ng .btn-default {
  13. color: #eee;
  14. border-color: #3f3f3f;
  15. background-color: #333;
  16. }
  17. .theme-dark.skin-aria-ng .btn-default:hover,
  18. .theme-dark.skin-aria-ng .btn-default:active,
  19. .theme-dark.skin-aria-ng .btn-default.hover {
  20. color: #fff;
  21. background-color: #444;
  22. }
  23. .theme-dark.skin-aria-ng .close {
  24. color: #eee;
  25. }
  26. .theme-dark.skin-aria-ng pre {
  27. background-color: #121212;
  28. border-color: #666;
  29. color: #eee;
  30. }
  31. .theme-dark.skin-aria-ng .form-control {
  32. background-color: #121212;
  33. border-color: #666;
  34. color: #eee;
  35. }
  36. .theme-dark.skin-aria-ng .form-control:focus {
  37. border-color: #5399e8;
  38. }
  39. .theme-dark.skin-aria-ng .form-control[disabled],
  40. .theme-dark.skin-aria-ng .form-control[readonly],
  41. .theme-dark.skin-aria-ng fieldset[disabled] .form-control {
  42. background-color: #333;
  43. }
  44. .theme-dark.skin-aria-ng .input-group-addon {
  45. color: #eee;
  46. border-color: #666;
  47. background-color: #333;
  48. }
  49. .theme-dark.skin-aria-ng .input-group.input-group-multiple > .input-group-addon:first-child,
  50. .theme-dark.skin-aria-ng .input-group.input-group-multiple > .input-group-addon-container:first-child {
  51. border-color: #666;
  52. }
  53. .theme-dark.skin-aria-ng .progress {
  54. background-color: #444;
  55. }
  56. .theme-dark.skin-aria-ng .nav-tabs-custom {
  57. background-color: #1a1a1a;
  58. }
  59. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs {
  60. border-color: #333;
  61. }
  62. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs > li > a {
  63. color: #ddd;
  64. }
  65. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs > li.active > a,
  66. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs > li.active:hover > a {
  67. background-color: #1a1a1a;
  68. }
  69. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs > li > a:hover,
  70. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs > li > a:active,
  71. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs > li.active > a {
  72. color: #208fe5;
  73. }
  74. .theme-dark.skin-aria-ng .nav-tabs-custom > .nav-tabs > li.divider {
  75. border-color: #666;
  76. }
  77. .theme-dark.skin-aria-ng .nav-tabs-custom>.tab-content {
  78. background-color: #1a1a1a;
  79. }
  80. .theme-dark.skin-aria-ng .popover {
  81. background-color: #1a1a1a;
  82. border-color: rgba(0, 0, 0, 0.6);
  83. }
  84. .theme-dark.skin-aria-ng .popover.top .arrow:after {
  85. border-top-color: #1a1a1a;
  86. }
  87. .theme-dark.skin-aria-ng .popover.right .arrow:after {
  88. border-right-color: #1a1a1a;
  89. }
  90. .theme-dark.skin-aria-ng .popover.bottom .arrow:after {
  91. border-bottom-color: #1a1a1a;
  92. }
  93. .theme-dark.skin-aria-ng .popover.left .arrow:after {
  94. border-left-color: #1a1a1a;
  95. }
  96. .theme-dark.skin-aria-ng .modal-header {
  97. border-color: #333;
  98. }
  99. .theme-dark.skin-aria-ng .modal-content {
  100. background-color: #1a1a1a;
  101. border-color: rgba(0, 0, 0, 0.6);
  102. }
  103. .theme-dark.skin-aria-ng .modal-footer {
  104. border-color: #333;
  105. }
  106. .theme-dark.skin-aria-ng .dropdown-menu {
  107. background-color: #1a1a1a;
  108. border-color: #333;
  109. }
  110. .theme-dark.skin-aria-ng .dropdown-menu > li > a {
  111. color: #eee;
  112. }
  113. .theme-dark.skin-aria-ng .dropdown-menu > li > a:hover {
  114. color: #fff;
  115. background-color: #333;
  116. }
  117. .theme-dark.skin-aria-ng .dropdown-menu > li.dropdown-submenu:hover {
  118. background-color: #333;
  119. }
  120. .theme-dark.skin-aria-ng .dropdown-menu > .divider {
  121. background-color: #666;
  122. }
  123. .theme-dark.skin-aria-ng .sweet-overlay {
  124. background-color: rgba(0, 0, 0, 0.6);
  125. }
  126. .theme-dark.skin-aria-ng .sweet-alert {
  127. background-color: #222;
  128. }
  129. .theme-dark.skin-aria-ng .sweet-alert h2,
  130. .theme-dark.skin-aria-ng .sweet-alert p {
  131. color: #ddd;
  132. }
  133. .theme-dark.skin-aria-ng .sweet-alert .sa-icon.sa-success::before,
  134. .theme-dark.skin-aria-ng .sweet-alert .sa-icon.sa-success::after,
  135. .theme-dark.skin-aria-ng .sweet-alert .sa-icon.sa-success .sa-fix {
  136. background-color: #222;
  137. }
  138. .theme-dark.skin-aria-ng .main-header .navbar {
  139. background-color: #121212;
  140. border-color: #333;
  141. }
  142. .theme-dark.skin-aria-ng .main-header .navbar .nav > li > a {
  143. color: #eee;
  144. }
  145. .theme-dark.skin-aria-ng .main-header .navbar .nav > li > a:hover,
  146. .theme-dark.skin-aria-ng .main-header .navbar .nav > li > a:active,
  147. .theme-dark.skin-aria-ng .main-header .navbar .nav > li > a:focus,
  148. .theme-dark.skin-aria-ng .main-header .navbar .nav .open > a,
  149. .theme-dark.skin-aria-ng .main-header .navbar .nav .open > a:hover,
  150. .theme-dark.skin-aria-ng .main-header .navbar .nav .open > a:focus,
  151. .theme-dark.skin-aria-ng .main-header .navbar .nav > .active > a {
  152. color: #0080ff;
  153. background-color: transparent;
  154. }
  155. .theme-dark.skin-aria-ng .main-header .navbar .nav > li > a:active,
  156. .theme-dark.skin-aria-ng .main-header .navbar .nav .open > a,
  157. .theme-dark.skin-aria-ng .main-header .navbar .nav .open > a:hover,
  158. .theme-dark.skin-aria-ng .main-header .navbar .nav .open > a:focus {
  159. background-color: #444;
  160. }
  161. .theme-dark.skin-aria-ng .main-header .navbar .nav > li.disabled > a {
  162. color: #8f8f8f !important;
  163. }
  164. .theme-dark.skin-aria-ng .main-header .navbar .nav > li.divider {
  165. border-color: #666;
  166. }
  167. .theme-dark.skin-aria-ng .main-header .logo {
  168. background-color: #282828;
  169. border-color: #222;
  170. }
  171. .theme-dark.skin-aria-ng .main-header .logo .dropdown-menu > li.active > a {
  172. color: #eee;
  173. background-color: #1a1a1a;
  174. }
  175. .theme-dark.skin-aria-ng .main-header .logo .dropdown-menu > li.active:hover > a {
  176. color: #fff;
  177. background-color: #333;
  178. }
  179. .theme-dark.skin-aria-ng .wrapper,
  180. .theme-dark.skin-aria-ng .main-sidebar,
  181. .theme-dark.skin-aria-ng .left-side {
  182. background-color: #282828;
  183. }
  184. .theme-dark.skin-aria-ng .sidebar-menu > li.header {
  185. color: #ccc;
  186. background-color: #3c3c3c;
  187. }
  188. .theme-dark.skin-aria-ng .sidebar-menu > li:hover > a {
  189. color: #fff;
  190. background-color: #444;
  191. }
  192. .theme-dark.skin-aria-ng .sidebar-menu > li.active > a {
  193. color: #5399e8;
  194. background-color: #333;
  195. }
  196. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview:hover > a {
  197. color: #fff;
  198. background-color: #282828;
  199. }
  200. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview.active > a,
  201. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview.active:hover > a {
  202. color: #5399e8;
  203. background-color: #282828;
  204. }
  205. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview > a:hover {
  206. color: #fff;
  207. background-color: #444;
  208. }
  209. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview > ul.treeview-menu {
  210. background-color: #282828;
  211. }
  212. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview > ul.treeview-menu > li > a {
  213. color: #eee;
  214. }
  215. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview > ul.treeview-menu > li > a:hover {
  216. color: #fff;
  217. background-color: #444;
  218. }
  219. .theme-dark.skin-aria-ng .sidebar-menu > li.treeview > ul.treeview-menu > li.active > a {
  220. color: #5399e8;
  221. background-color: #333;
  222. }
  223. .theme-dark.skin-aria-ng .sidebar a {
  224. color: #eee;
  225. }
  226. .theme-dark.skin-aria-ng .content-wrapper, .theme-dark.right-side {
  227. background-color: #1a1a1a;
  228. }
  229. .theme-dark.skin-aria-ng .main-footer {
  230. background-color: #1a1a1a;
  231. border-color: #383838;
  232. }
  233. .theme-dark.skin-aria-ng .main-footer > .navbar > .navbar-toolbar > .nav > li > a {
  234. color: #eee;
  235. }
  236. .theme-dark.skin-aria-ng .main-footer > .navbar > .navbar-toolbar > .nav > li > a:hover,
  237. .theme-dark.skin-aria-ng .main-footer > .navbar > .navbar-toolbar > .nav > li > a:active,
  238. .theme-dark.skin-aria-ng .main-footer > .navbar > .navbar-toolbar > .nav > li > a:focus,
  239. .theme-dark.skin-aria-ng .main-footer > .navbar > .navbar-toolbar > .nav > li.open > a {
  240. color: #0080ff;
  241. background: none;
  242. }
  243. .theme-dark.skin-aria-ng .main-footer > .navbar > .navbar-toolbar > .nav > li.divider {
  244. border-color: #666;
  245. }
  246. .theme-dark.skin-aria-ng .global-status {
  247. color: #eee;
  248. }
  249. .theme-dark.skin-aria-ng input::-webkit-input-placeholder,
  250. .theme-dark.skin-aria-ng input:-moz-placeholder,
  251. .theme-dark.skin-aria-ng input::-moz-placeholder,
  252. .theme-dark.skin-aria-ng input:-ms-input-placeholder {
  253. color: #aaa;
  254. }
  255. .theme-dark.skin-aria-ng select.placeholder {
  256. color: #aaa;
  257. }
  258. /* angular-input-dropdown */
  259. .theme-dark.skin-aria-ng .input-dropdown ul > li {
  260. background-color: #121212;
  261. }
  262. .theme-dark.skin-aria-ng .input-dropdown ul > li.active {
  263. background-color: #333;
  264. }
  265. /* cg-busy */
  266. .theme-dark.skin-aria-ng .cg-busy-default-sign {
  267. color: #eee;
  268. border-color: #666;
  269. background-color: #444;
  270. text-shadow: 0 1px 1px #000;
  271. }
  272. .theme-dark.skin-aria-ng .cg-busy-default-text {
  273. color: #eee;
  274. }
  275. .theme-dark.skin-aria-ng .cg-busy-default-spinner div {
  276. background-color: #eee;
  277. }
  278. /* scrollbar */
  279. .theme-dark.skin-aria-ng ::-webkit-scrollbar-track {
  280. background-color: #1a1a1a;
  281. }
  282. .theme-dark.skin-aria-ng ::-webkit-scrollbar-thumb {
  283. background-color: #3c4144;
  284. }
  285. /* piece-bar / piece-map */
  286. .theme-dark.skin-aria-ng .piece-map .piece,
  287. .theme-dark.skin-aria-ng .piece-legend > .piece {
  288. background-color: #242424;
  289. border-color: #3c3d3e;
  290. }
  291. .theme-dark.skin-aria-ng .piece-map .piece.piece-completed,
  292. .theme-dark.skin-aria-ng .piece-legend > .piece.piece-completed {
  293. background-color: #b8dd69;
  294. border-color: #b8dd69;
  295. }
  296. /* task-table */
  297. .theme-dark.skin-aria-ng .task-table {
  298. background-color: #1a1a1a;
  299. }
  300. .theme-dark.skin-aria-ng .task-table .task-table-title a {
  301. color: #eee;
  302. }
  303. .theme-dark.skin-aria-ng .task-table > .task-table-body > div.row {
  304. border-color: #333;
  305. }
  306. .theme-dark.skin-aria-ng .task-table > .task-table-body > div.row:nth-of-type(odd) {
  307. background-color: #262626;
  308. }
  309. .theme-dark.skin-aria-ng .task-table > .task-table-body > div.row:hover {
  310. background-color: #2a2a2a;
  311. }
  312. .theme-dark.skin-aria-ng .task-table .progress span.progress-lower {
  313. color: #eee;
  314. }
  315. /* settings-table */
  316. .theme-dark.skin-aria-ng .settings-table {
  317. background-color: #1a1a1a;
  318. }
  319. .theme-dark.skin-aria-ng .settings-table .settings-table-title a {
  320. color: #eee;
  321. }
  322. .theme-dark.skin-aria-ng .settings-table > div.row {
  323. border-color: #333;
  324. }
  325. .theme-dark.skin-aria-ng .settings-table.striped > div.row:nth-of-type(odd) {
  326. background-color: #202020;
  327. }
  328. .theme-dark.skin-aria-ng .settings-table.hoverable > div.row:hover {
  329. background-color: #242424;
  330. }
  331. .theme-dark.skin-aria-ng .settings-table.hoverable > div.row:nth-of-type(odd).no-hover:hover {
  332. background-color: #202020;
  333. }
  334. /* new-task-table */
  335. .theme-dark.skin-aria-ng .new-task-table {
  336. background-color: #1a1a1a;
  337. }
  338. /* misc */
  339. .theme-dark.skin-aria-ng .keyboard-key {
  340. border: 1px solid #666;
  341. background-color: #282828;
  342. box-shadow: 1px 2px 2px #333;
  343. }