Thema painel

SUBMITTED BY: Feloko69

DATE: Aug. 7, 2023, 2:52 a.m.

FORMAT: Text only

SIZE: 9.2 kB

Raw Download

HITS: 466

Report
  1. html body.navbar-sticky .app-content .content-wrapper {
  2. padding: 30px 25px 5px 25px;
  3. margin: 60px 20px 20px 20px;
  4. background-color: #0e0e0e;
  5. border-radius: 30px;
  6. }
  7. .badge badge-demo bg-label-danger ms-auto {
  8. background-color: #ff6300;
  9. font-size: 0px;
  10. }
  11. .badge.badge-success{
  12. border-radius: 10px;
  13. }
  14. .badge.badge-danger{
  15. border-radius: 10px;
  16. }
  17. .badge.badge-warning {
  18. border-radius: 10px;
  20. }
  21. .rounded-pill {
  22. border-radius: 0px;
  23. border: 0px;
  25. }
  26. .alert.alert-warning{
  27. background: #02acef!important;
  28. box-shadow: 0 3px 8px 0 rgba(30,144,255, 0.4)!important;
  29. }
  30. body.dark-layout select.form-control, body.dark-layout .custom-select {
  31. background-color: #383535;
  32. color: #fff;
  33. border-color: #02acef;
  34. border-radius: 25px;
  35. }
  36. body.dark-layout .main-menu .shadow-bottom {
  37. background: linear-gradient(180deg, #212121 44%, #212121 73%, #21212100);
  38. }
  39. .dhr-marquee {
  40. color: #fff;
  41. font-size: 11px;
  42. font-weight: 900;
  43. letter-spacing: .6px;
  44. line-height: 50px;
  45. height: 36px;
  46. margin: 0px;
  47. padding: 0px;
  48. display: inline-block;
  49. }
  51. body.dark-layout .card .card-body {
  52. color: #e9e9e9;
  53. background-color: #212121;
  54. border-color: #49494959 !important;
  55. border-radius: 30px;
  56. margin-top: 20px;
  57. }
  59. body.dark-layout .btn[class*="btn-"] {
  60. color: #fff !important;
  61. border-color: #0e0e0e !important;
  62. background-color: #01b0f5 !important;
  63. border-radius: 20px;
  65. }
  67. .card .card-header .card-title {
  68. margin-bottom: 0;
  69. color: #fff;
  70. }
  72. .header-navbar .navbar-wrapper {
  73. width: 100%;
  74. background: #dee2e7;
  75. }
  77. body.dark-layout .header-navbar .user-name {
  78. color: #0e0e0e !important;
  79. }
  81. body.dark-layout input.form-control:not(:focus), body.dark-layout .custom-file-label:not(:focus), body.dark-layout textarea.form-control:not(:focus) {
  82. border-color: #0e0e0e;
  83. border-radius: 30px;
  84. }
  86. body.dark-layout .card .card-header, body.dark-layout .card .card-footer {
  87. color: #8a99b5;
  88. background-color: #0e0e0e00;
  89. border-color: #0e0e0e !important;
  90. }
  94. .table {
  95. width: 100%;
  96. color: #0e0e0e;
  97. background-color: #01b0f5;
  98. border-radius: 30px;
  99. }
  101. body.dark-layout .card {
  102. background-color: #272e4800;
  103. box-shadow: none;
  104. border-radius: 30px;
  105. border: 1px solid #5a8def00 !important;
  106. }
  108. @media (min-width: 992px)
  109. body.vertical-layout.vertical-menu-modern .main-menu.menu-dark {
  110. border-right: 1px solid #0e0e0e00;
  111. }
  113. .header-navbar.fixed-top {
  114. left: 260px;
  115. position: fixed;
  116. background-color: #1a233a !important;
  117. }
  119. .header-navbar .navbar-wrapper {
  120. width: 100%;
  121. background: #1a233a;
  122. }
  125. @media (max-width: 1200px) {
  126. .header-navbar.fixed-top {
  127. left: 0 !important;
  128. }
  129. }
  131. avatar {
  132. white-space: nowrap;
  133. background-color: #c3c3c3;
  134. border-radius: 50%;
  135. position: relative;
  136. cursor: pointer;
  137. color: #0e0e0e;
  138. display: inline-flex;
  139. font-size: 0.8rem;
  140. text-align: center;
  141. vertical-align: middle;
  142. margin: 0;
  143. }
  145. body.dark-layout .nav-tabs ~ .tab-content, body.dark-layout .nav ~ .tab-content, body.dark-layout .pills-stacked ~ .tab-content {
  146. background-color: #1a233a;
  147. }
  150. .card .card-header ~ .card-content .card-body {
  151. padding-top: 25px;
  152. }
  154. body.dark-layout ul li {
  155. color: #8a99b5 !important;
  156. border-radius: 25px !important;
  157. }
  160. .text-success {
  161. color: #00ff00 !important;
  162. }
  163. .bg-success {
  164. background-color: #01b0f5 !important;
  165. border-radius: 10px;
  166. }
  167. a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
  168. background-color: #4b6492 !important;
  169. }
  170. body.dark-layout p, body.dark-layout small, body.dark-layout span, body.dark-layout label {
  171. color: #fff;
  172. }
  173. body.dark-layout .main-menu-content .navigation-main {
  174. background-color: #0e0e0e;
  175. }
  176. body.dark-layout {
  177. background-color: #0e0e0e;
  178. }
  179. body.dark-layout h1, body.dark-layout h2, body.dark-layout h3, body.dark-layout h4, body.dark-layout h5, body.dark-layout h6 {
  180. color: #fff!important;
  181. }
  182. .text-muted {
  183. color: #fff !important;
  184. }
  185. body.dark-layout .divider .divider-text {
  186. background-color: transparent;
  187. color: #fff!important;
  188. }
  189. .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {
  190. border-radius: 0.267rem;
  191. border: 1px solid #1f1d1dd8;
  192. background-color: #212121;
  193. transition: none;
  194. }
  195. body.dark-layout .main-menu-content .navigation-main .nav-item i {
  196. color: #01b0f5;
  197. }
  198. a {
  199. color: #5A8DEE;
  200. text-decoration: none;
  201. background-color: #01b0f500;
  202. }
  203. body.dark-layout input.form-control, body.dark-layout .custom-file-label, body.dark-layout textarea.form-control {
  204. background-color: #383535;
  205. color: #fff;
  206. }
  207. body.dark-layout input.form-control:not(:focus), body.dark-layout .custom-file-label:not(:focus), body.dark-layout textarea.form-control:not(:focus) {
  208. border-color: #01b0f5;
  209. border-radius: 30px;
  210. }
  211. body.dark-layout .divider .divider-text {
  212. background-color: #6f111100;
  213. color: #afcbe6;
  214. }
  215. .divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
  216. border-color: #0e0e0e !important;
  217. }
  218. .divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
  219. border-color: #0e0e0e !important;
  220. }
  221. .table {
  222. width: 100%;
  223. color: #0e0e0e;
  224. background-color: #0e0e0e;
  225. border-radius: 30px;
  226. }
  227. body.dark-layout .table tbody td, body.dark-layout .table tbody th {
  228. border-color: #01b0f5;
  229. color: #fff;
  230. }
  231. body.dark-layout .table thead th {
  232. border-color: #01b0f5;
  233. color: #fff;
  234. }
  235. body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i {
  236. color: #01b0f5;
  237. }
  238. .header-navbar .navbar-wrapper {
  239. width: 100%;
  240. background: #0e0e0e;
  241. }
  242. body.dark-layout select.form-control, body.dark-layout .custom-select {
  243. background-color: #383535;
  244. color: #fff;
  245. border-color: #02acef;
  246. border-radius: 25px;
  247. }
  248. .primary {
  249. color: #01b0f5 !important;
  250. }
  251. body.dark-layout .main-menu {
  252. background-color: #0e0e0e !important;
  253. }
  254. .text-primary {
  255. color: #0e0e0e !important;
  256. }
  257. body.dark-layout .modal .modal-header {
  258. background-color: #01b0f5;
  259. border-bottom: 1px solid #0e0e0e;
  260. }
  261. .text-danger {
  262. color: #ff0000 !important;
  263. }
  264. .text-danger {
  265. color: #afcbe6 !important;
  266. }
  267. .badge {
  268. color: #0e0e0e;
  269. font-family: "Rubik", Helvetica, Arial, serif;
  270. background-color: #f10001;
  271. text-transform: uppercase;
  272. }
  273. .badge.badge-danger {
  274. background-color: #fb0001;
  275. }
  276. body.dark-layout .pagination .page-item .page-link {
  277. border: 1px solid #afcbe6;
  278. border-right: 0;
  279. border-left: 0;
  280. color: #fff;
  281. }
  282. .pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover {
  283. border-radius: 0.267rem;
  284. background-color: #01b0f5 !important;
  285. color: #0e0e0e;
  286. }
  287. body.dark-layout .modal .modal-content, body.dark-layout .modal .modal-body, body.dark-layout .modal .modal-footer {
  288. background-color: #383535;
  289. }
  290. body.dark-layout .dropdown-menu {
  291. background-color: #0e0e0e;
  292. border: 1px solid #01b0f5;
  293. }
  294. body.dark-layout .dropdown-menu .dropdown-item:hover, body.dark-layout .dropdown-menu .dropdown-item:focus {
  295. background: #01b0f5;
  296. }
  297. body.dark-layout .dropdown-menu .dropdown-item {
  298. color: #afcbe6;
  299. }
  300. body.dark-layout .dropdown-menu .dropdown-item {
  301. color: #afcbe6;
  302. }
  303. body.dark-layout .nav-tabs ~ .tab-content, body.dark-layout .nav ~ .tab-content, body.dark-layout .pills-stacked ~ .tab-content {
  304. background-color: #0e0e0e;
  305. }
  306. body.dark-layout code {
  307. background-color: #01b0f5;
  308. border-radius: 10px;
  309. }
  310. code {
  311. padding: .1rem .4rem;
  312. font-size: 90%;
  313. color: #0e0e0e;
  314. background-color: #afcbe6;
  315. border-radius: 0.1335rem;
  316. }
  317. .alert.alert-success {
  318. background: #01b0f5 !important;
  319. color: #fff !important;
  320. border: none;
  321. }
  322. .ace-twilight {
  323. background-color: #272e48;
  324. color: #0e0e0e;
  325. }
  326. .ace-twilight .ace_gutter {
  327. background: #afcbe6;
  328. color: #0e0e0e;
  329. }
  330. body.dark-layout .divider .divider-text {
  331. background-color: #01b0f5;
  332. border-top-left-radius: 25px;
  333. color: #0e0e0e;
  334. border-top-right-radius: 25px;
  335. }
  337. body.dark-layout .dropdown-menu:before {
  338. background: #0e0e0e;
  339. border-top: 1px solid #0e0e0e;
  340. border-left: 1px solid #0e0e0e;
  341. }
  342. badge badge-demo bg-label-danger ms-auto {
  343. color: #0e0e0e; font-size: 0px; background-color: #0e0e0e;
  344. }
  346. body.dark-layout .card {
  347. box-shadow: -8px 12px 20px 0 rgba(11, 26, 51, 0) !important;
  348. }
  349. .div.swal-modal{
  350. background-color: #383535;
  351. }
comments powered by Disqus