default.css 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /*头部右侧背景色 headerRightBg */
  2. .layui-layout-admin .layui-header {
  3. background-color: #ffffff !important;
  4. }
  5. /*头部右侧选中背景色 headerRightBgThis */
  6. .layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
  7. background-color: #e4e4e4 !important;
  8. }
  9. /*头部右侧字体颜色 headerRightColor */
  10. .layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
  11. color: rgba(107, 107, 107, 0.7);
  12. }
  13. /**头部右侧下拉字体颜色 headerRightChildColor */
  14. .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
  15. color: rgba(107, 107, 107, 0.7) !important;
  16. }
  17. /*头部右侧鼠标选中 headerRightColorThis */
  18. .layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
  19. color: #565656 !important;
  20. }
  21. /*头部右侧更多下拉颜色 headerRightNavMore */
  22. .layui-header .layui-nav .layui-nav-more {
  23. border-top-color: rgba(160, 160, 160, 0.7) !important;
  24. }
  25. /*头部右侧更多下拉颜色 headerRightNavMore */
  26. .layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {
  27. border-color: transparent transparent rgba(160, 160, 160, 0.7) !important;
  28. }
  29. /**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
  30. .layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
  31. background-color: #1E9FFF !important;
  32. color: #ffffff !important;
  33. }
  34. /*头部缩放按钮样式 headerRightToolColor */
  35. .layui-layout-admin .layui-header .layuimini-tool i {
  36. color: #565656;
  37. }
  38. /*logo背景颜色 headerLogoBg */
  39. .layui-layout-admin .layuimini-logo {
  40. background-color: #192027 !important;
  41. }
  42. /*logo字体颜色 headerLogoColor */
  43. .layui-layout-admin .layuimini-logo h1 {
  44. color: rgb(191, 187, 187);
  45. }
  46. /*左侧菜单更多下拉样式 leftMenuNavMore */
  47. .layuimini-menu-left .layui-nav .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
  48. border-top-color: rgb(191, 187, 187);
  49. }
  50. /*左侧菜单更多下拉样式 leftMenuNavMore */
  51. .layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
  52. border-color: transparent transparent rgb(191, 187, 187) !important;
  53. }
  54. /*左侧菜单背景 leftMenuBg */
  55. .layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {
  56. background-color: #28333E !important;
  57. }
  58. /*左侧菜单选中背景 leftMenuBgThis */
  59. .layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
  60. background-color: #1E9FFF !important
  61. }
  62. /*左侧菜单子菜单背景 leftMenuChildBg */
  63. .layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
  64. background-color: #0c0f13 !important;
  65. }
  66. /*左侧菜单字体颜色 leftMenuColor */
  67. .layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
  68. color: rgb(191, 187, 187) !important;
  69. }
  70. /*左侧菜单选中字体颜色 leftMenuColorThis */
  71. .layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {
  72. color: #ffffff !important;
  73. }
  74. /**tab选项卡选中颜色 tabActiveColor */
  75. .layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
  76. background-color: #1e9fff;
  77. }