global.scss 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. .el-button--primary,
  2. .el-button--primary:focus {
  3. background-color: var(--primary-color) !important;
  4. border-color: var(--primary-color) !important;
  5. color: var(--text-color) !important;
  6. }
  7. .el-dialog__header {
  8. background-color: var(--primary-color) !important;
  9. color: var(--text-color) !important;
  10. }
  11. .el-dialog__header .el-dialog__title {
  12. color: var(--text-color) !important;
  13. }
  14. .el-dropdown-menu__item:hover,
  15. .el-button--primary:hover {
  16. opacity: 0.7 !important;
  17. border-color: var(--primary-color) !important;
  18. background-color: var(--bgopacity-color) !important;
  19. color: var(--primary-color) !important;
  20. // color: var(--primary-color) !important;
  21. }
  22. .el-button--text {
  23. color: var(--primary-color) !important;
  24. }
  25. .el-button--default:focus,
  26. .el-button--default:hover {
  27. border-color: var(--primary-color) !important;
  28. background-color: var(--bgopacity-color) !important;
  29. color: var(--primary-color) !important;
  30. }
  31. .el-menu {
  32. // background-color: var(--background-color) !important;
  33. color: var(--text-color) !important;
  34. }
  35. .el-table th.el-table__cell {
  36. background-color: var(--background-color) !important;
  37. color: var(--text-color) !important;
  38. }
  39. .el-pager li.active {
  40. color: var(--primary-color) !important;
  41. }
  42. .el-tag {
  43. background-color: var(--primary-color) !important;
  44. border-color: var(--primary-color) !important;
  45. color: var(--text-color) !important;
  46. }
  47. .el-tag {
  48. &.selected-tag {
  49. background-color: var(--primary-color) !important; // 选中的背景色
  50. color: #fff !important; // 选中的文字颜色
  51. border: 1px solid var(--primary-color) !important;
  52. .el-tag__close :hover {
  53. background-color: #ccc !important;
  54. }
  55. }
  56. }
  57. .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  58. color: var(--primary-color) !important;
  59. }
  60. .el-tabs--border-card > .el-tabs__header .el-tabs__item:hover {
  61. color: var(--primary-color) !important;
  62. }
  63. .el-dialog__body .el-table th.el-table__cell {
  64. background-color: var(--text-color) !important;
  65. color: #67696d !important;
  66. }
  67. .el-checkbox__input.is-checked .el-checkbox__inner,
  68. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  69. background-color: var(--primary-color) !important;
  70. border-color: var(--primary-color) !important;
  71. // color: var(--text-color);
  72. }
  73. .is-checked > .el-checkbox__label {
  74. color: var(--primary-color) !important;
  75. }
  76. .el-tabs__active-bar {
  77. background-color: var(--primary-color) !important;
  78. }
  79. .el-tabs__item:hover {
  80. color: var(--primary-color) !important;
  81. }
  82. .el-tabs__item.is-active {
  83. color: var(--primary-color) !important;
  84. }
  85. .background-image .leftLogin .el-divider--horizontal {
  86. background: var(--primary-color) !important;
  87. }
  88. .el-date-table td.end-date span,
  89. .el-date-table td.start-date span,
  90. .el-progress-bar__inner {
  91. background-color: var(--primary-color) !important;
  92. }
  93. .background-image .leftLogin h1,
  94. .el-date-table td.today span,
  95. .el-month-table td.today .cell,
  96. .el-select-dropdown__item.selected,
  97. .el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
  98. .el-month-table td.current:not(.disabled) .cell,
  99. .searchFrom .setting,
  100. .el-tag--plain .el-tag__close {
  101. color: var(--primary-color) !important;
  102. }
  103. .el-tag--plain .el-tag__close:hover {
  104. background-color: #ccc !important;
  105. }
  106. .el-progress {
  107. display: flex;
  108. justify-content: space-between;
  109. .el-progress__text {
  110. font-size: 16px !important;
  111. width: 55px;
  112. }
  113. }
  114. ::v-deep .el-loading-spinner .path {
  115. stroke: #009688 !important;
  116. }
  117. ::v-deep .el-dialog__headerbtn .el-dialog__close {
  118. color: #fff;
  119. }