global.scss 3.3 KB

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