theme-black.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /** 透明侧边栏导航 */
  2. .layui-layout-admin .layui-side .layui-nav {
  3. background-color: transparent;
  4. }
  5. .layui-layout-admin .layui-side .layui-nav .layui-nav-item > a:hover {
  6. background: rgba(255, 255, 255, .03);
  7. }
  8. /** logo部分样式 */
  9. .layui-layout-admin .layui-header .layui-logo {
  10. background-color: #3A3D49;
  11. color: #eee;
  12. }
  13. /** header样式 */
  14. .layui-layout-admin .layui-header {
  15. background-color: #3A3D49;
  16. }
  17. .layui-layout-admin .layui-header a {
  18. color: #eee;
  19. }
  20. .layui-layout-admin .layui-header a:hover {
  21. color: #eee;
  22. }
  23. .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
  24. border-color: #eee transparent transparent;
  25. }
  26. .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
  27. border-color: transparent transparent #eee;
  28. }
  29. /** 导航栏下面的线条 */
  30. .layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar {
  31. background-color: #eee;
  32. }
  33. /** 侧边栏样式 */
  34. .layui-layout-admin .layui-side {
  35. background-color: #24262F;
  36. }
  37. .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
  38. background-color: #009688;
  39. }
  40. .layui-nav-tree .layui-nav-bar {
  41. background-color: #009688;
  42. }
  43. /** 侧边栏文字颜色 */
  44. .layui-side .layui-nav .layui-nav-item a {
  45. color: rgba(238, 238, 238, .7);
  46. }
  47. .layui-side .layui-nav-itemed > a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
  48. color: #eee !important;
  49. }
  50. /** tab下划线 */
  51. .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
  52. background-color: #292B34;
  53. top: 38px;
  54. }