global.scss 4.1 KB

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