fix: Backlog侧边栏样式黑暗模式显示问题

src/views/crm/backlog/index.vue

@@ -96,8 +96,8 @@ const leftSides = ref([
 const sideClick = (item) => {
 const sideClick = (item) => {
   leftType.value = item.infoType
   leftType.value = item.infoType
 }
 }
-// TODO @dhb52: 侧边栏样式，在黑暗模式下，颜色会不对。是不是可以读取主题色哈；
 </script>
 </script>
+
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .side-item-list {
 .side-item-list {
   top: 0;
   top: 0;
@@ -105,8 +105,8 @@ const sideClick = (item) => {
   left: 0;
   left: 0;
   z-index: 1;
   z-index: 1;
   font-size: 14px;
   font-size: 14px;
-  background-color: white;
-  border: 1px solid #e6e6e6;
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
   border-radius: 5px;
   border-radius: 5px;
 
 
   .side-item {
   .side-item {
@@ -115,21 +115,17 @@ const sideClick = (item) => {
     padding: 0 20px;
     padding: 0 20px;
     line-height: 50px;
     line-height: 50px;
     cursor: pointer;
     cursor: pointer;
-
-    i {
-      color: #999;
-    }
   }
   }
 }
 }
 
 
 .side-item-default {
 .side-item-default {
-  color: #333;
+  color: var(--el-text-color-primary);
   border-right: 2px solid transparent;
   border-right: 2px solid transparent;
 }
 }
 
 
 .side-item-select {
 .side-item-select {
-  color: #409eff;
-  background-color: #ecf5ff;
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
   border-right: 2px solid var(--el-color-primary);
   border-right: 2px solid var(--el-color-primary);
 }
 }