glory.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /**
  2. * @author chuzhixin 1204505056@qq.com (不想保留author可删除)
  3. * @description 荣耀典藏主题(VIP群专享)
  4. */
  5. @charset "utf-8";
  6. body.vue-admin-beautiful-theme-glory {
  7. $base-menu-background: #2e2f34;
  8. $base-menu-background-active: #f6ca9d;
  9. $base-color-blue: #f6ca9d;
  10. @mixin container {
  11. background: $base-menu-background !important;
  12. }
  13. @mixin active {
  14. &:hover {
  15. background-color: $base-menu-background-active !important;
  16. }
  17. &.is-active {
  18. background-color: $base-menu-background-active !important;
  19. }
  20. }
  21. .logo-container-horizontal {
  22. @include container;
  23. }
  24. .logo-container-vertical {
  25. @include container;
  26. }
  27. .el-menu {
  28. @include container;
  29. .el-submenu__title {
  30. @include container;
  31. }
  32. .el-menu-item {
  33. @include container;
  34. }
  35. }
  36. .side-bar-container {
  37. @include container;
  38. .el-menu-item {
  39. @include active;
  40. }
  41. }
  42. .top-bar-container {
  43. @include container;
  44. .vab-main {
  45. @include container;
  46. .el-menu {
  47. &--horizontal {
  48. .el-submenu,
  49. .el-menu-item {
  50. &.is-active {
  51. background-color: $base-menu-background-active !important;
  52. }
  53. }
  54. > .el-menu-item {
  55. &.is-active {
  56. border-bottom: 3px solid $base-menu-background-active !important;
  57. }
  58. }
  59. }
  60. }
  61. }
  62. }
  63. .tabs-bar-container {
  64. background: $base-color-white;
  65. border-top: 1px solid #f6f6f6;
  66. .tabs-content {
  67. .el-tabs__header {
  68. .el-tabs__item {
  69. &.is-active {
  70. color: $base-color-white !important;
  71. background: $base-color-blue !important;
  72. border: 1px solid $base-color-blue !important;
  73. }
  74. }
  75. }
  76. }
  77. }
  78. .theme-bar-setting {
  79. background: $base-color-blue !important;
  80. }
  81. }