clean up element plus css

src/views/Favorites/FavoritesAvatar.vue

@@ -1657,7 +1657,6 @@
     }
 
     .group-item {
-        border: 1px solid var(--el-border-color);
         border-radius: 8px;
         padding: 8px;
         cursor: pointer;
@@ -1693,7 +1692,6 @@
 
     .group-item__count {
         font-size: 12px;
-        color: var(--el-text-color-secondary);
     }
 
     .group-item__bottom {
@@ -1703,11 +1701,6 @@
         gap: 8px;
     }
 
-    .group-item.is-active {
-        border-color: var(--el-color-primary);
-        background-color: var(--el-color-primary-light-9, rgba(64, 158, 255, 0.12));
-    }
-
     .group-item--placeholder {
         pointer-events: none;
         opacity: 0.7;
@@ -1717,7 +1710,6 @@
         width: 64px;
         height: 18px;
         border-radius: 999px;
-        background-color: var(--el-fill-color);
     }
 
     .group-item--new {
@@ -1726,7 +1718,6 @@
         align-items: center;
         justify-content: center;
         gap: 6px;
-        color: var(--el-color-primary);
         font-size: 14px;
     }
 
@@ -1739,13 +1730,8 @@
         width: 100%;
     }
 
-    .group-item__input :deep(.el-input__wrapper) {
-        width: 100%;
-    }
-
     .group-empty {
         text-align: center;
-        color: var(--el-text-color-secondary);
         font-size: 12px;
         padding: 12px 0;
     }
@@ -1772,21 +1758,12 @@
         align-self: stretch;
     }
 
-    .favorites-group-menu__item:hover {
-        background-color: var(--el-menu-hover-bg-color);
-    }
-
-    .favorites-group-menu__item--danger {
-        color: var(--el-color-danger);
-    }
-
     .favorites-group-menu__item--submenu {
         padding-right: 8px;
     }
 
     .favorites-group-menu__arrow {
         margin-left: auto;
-        color: var(--el-text-color-secondary);
         font-size: 12px;
     }
 
@@ -1812,14 +1789,8 @@
         align-self: stretch;
     }
 
-    .group-visibility-menu__item:hover,
-    .group-visibility-menu__item.is-active {
-        background-color: var(--el-menu-hover-bg-color);
-    }
-
     .group-visibility-menu__check {
         font-size: 12px;
-        color: var(--el-color-primary);
     }
 
     .favorites-content {
@@ -1850,7 +1821,6 @@
     .favorites-content__title small {
         font-size: 12px;
         font-weight: normal;
-        color: var(--el-text-color-secondary);
     }
 
     .favorites-content__edit {
@@ -1858,7 +1828,6 @@
         align-items: center;
         gap: 8px;
         font-size: 13px;
-        color: var(--el-text-color-regular);
     }
 
     .favorites-content__edit-actions {
@@ -1874,10 +1843,6 @@
         margin-bottom: 12px;
     }
 
-    .favorites-content__actions .el-button {
-        margin: 0;
-    }
-
     .favorites-content__list {
         flex: 1;
         min-height: 0;
@@ -1927,11 +1892,9 @@
         display: flex;
         align-items: center;
         box-sizing: border-box;
-        border: 1px solid var(--el-border-color);
         border-radius: calc(8px * var(--favorites-card-scale, 1));
         padding: var(--favorites-card-padding-y, 8px) var(--favorites-card-padding-x, 10px);
         cursor: pointer;
-        background: var(--el-bg-color);
         transition:
             border-color 0.2s ease,
             box-shadow 0.2s ease;
@@ -1946,11 +1909,6 @@
         transform: translateY(-2px);
     }
 
-    :deep(.favorites-search-card.is-selected) {
-        border-color: var(--el-color-primary);
-        box-shadow: 0 0 0 1px var(--el-color-primary-light-3, rgba(64, 158, 255, 0.4));
-    }
-
     :deep(.favorites-search-card__content) {
         display: flex;
         align-items: center;
@@ -1964,7 +1922,6 @@
         height: calc(48px * var(--favorites-card-scale, 1));
         border-radius: calc(6px * var(--favorites-card-scale, 1));
         overflow: hidden;
-        background: var(--el-fill-color-lighter);
         flex-shrink: 0;
     }
 
@@ -2001,7 +1958,6 @@
 
     :deep(.favorites-search-card__detail .extra) {
         font-size: calc(12px * var(--favorites-card-scale, 1));
-        color: var(--el-text-color-secondary);
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -2017,7 +1973,6 @@
         display: inline-flex;
         align-items: center;
         gap: 4px;
-        color: var(--el-text-color-secondary);
         font-size: 14px;
     }
 
@@ -2070,7 +2025,6 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        color: var(--el-text-color-secondary);
         font-size: 13px;
         height: 100%;
     }
@@ -2082,30 +2036,20 @@
         cursor: default;
     }
 
-    .favorites-dropdown__control:not(:last-child) {
-        border-bottom: 1px solid var(--el-border-color-lighter);
-    }
-
     .favorites-dropdown__control-header {
         display: flex;
         align-items: center;
         justify-content: space-between;
         font-size: 13px;
         font-weight: 600;
-        color: var(--el-text-color-primary);
         margin-bottom: 6px;
     }
 
     .favorites-dropdown__control-value {
         font-size: 12px;
-        color: var(--el-text-color-secondary);
     }
 
     .favorites-dropdown__slider {
         padding: 0 4px 4px;
     }
-
-    .favorites-dropdown__slider :deep(.el-slider__runway) {
-        margin: 0;
-    }
 </style>