feat(refactor/theme): delete theme/base.less, change variable.less review

Author: wenmine

packages/settings/styles/src/components/background/ImageSetting.vue

@@ -268,33 +268,6 @@ onMounted(() => {
     }
   }
 }
-.text-wrap {
-  display: flex;
-  flex-direction: column;
-  font-size: 12px;
-  color: var(--te-common-text-secondary);
-  margin-left: 8px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  & > span {
-    display: inline-block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    &:first-child {
-      margin-bottom: 4px;
-    }
-    &:last-child {
-      display: flex;
-      align-items: center;
-      margin-top: 2px;
-    }
-  }
-  .size {
-    color: var(--te-common-text-secondary);
-  }
-}
 .choose-image {
   border-color: var(--te-common-border-default);
   outline: 0px;

packages/settings/styles/src/components/background/RadialGradient.vue

@@ -130,33 +130,6 @@ onMounted(() => {
   background-repeat: no-repeat;
   background-position: 50% 50%;
 }
-.text-wrap {
-  display: flex;
-  flex-direction: column;
-  font-size: 12px;
-  color: var(--te-common-text-secondary);
-  margin-left: 8px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  & > span {
-    display: inline-block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    &:first-child {
-      margin-bottom: 4px;
-    }
-    &:last-child {
-      display: flex;
-      align-items: center;
-      margin-top: 2px;
-    }
-  }
-  .size {
-    color: var(--ti-lowcode-common-third-text-color);
-  }
-}
 .choose-image {
   border-color: rgb(54, 54, 54);
   outline: 0px;

packages/theme/dark/materials.less

@@ -8,7 +8,7 @@
   // 区块分组下拉选项下边框颜色
   --ti-lowcode-materials-block-group-item-border-color: var(--te-common-border-checked); // 暗色和亮色不同，需注意
   // 添加区块筛选模块字体颜色
-  --ti-lowcode-materials-block-filter-text-color: var(--ti-lowcode-common-secondary-text-color);
+  --ti-lowcode-materials-block-filter-text-color: var(--te-common-text-primary);
   // 添加区块穿梭框面板背景颜色
   --ti-lowcode-materials-block-transfer-bg-color: var(--te-common-bg-default);
   // 添加区块穿梭框面板头部字体颜色

packages/theme/dark/variable.less

@@ -7,9 +7,6 @@
   --ti-lowcode-common-transparent-color: transparent;
   --ti-lowcode-common-secondary-text-color: #adb0b8;
   --ti-lowcode-common-third-text-color: #ababab;
-  --ti-lowcode-common-empty-text-color: var(--te-common-text-weaken);
-  --ti-lowcode-common-danger-color: #c7000b;
-  --te-common-color-error: var(--te-common-color-error);
 
   // tiny vue 的 css 变量，覆盖掉就好
 
@@ -50,7 +47,9 @@
   --ti-lowcode-plugin-panel-title-color: var(--te-common-text-primary); // 插件面板标题色
   --ti-lowcode-plugin-panel-bg: var(--te-common-bg-default); // 插件面板背景色
   --ti-lowcode-plugin-panel-border-right-color: var(--te-common-border-divider); // 插件面板右侧边框色
-  --ti-lowcode-plugin-panel-header-border-bottom-color: #262626; // 插件面板头部区域底部边框线颜色
+  --ti-lowcode-plugin-panel-header-border-bottom-color: var(
+    --te-common-border-divider
+  ); // 插件面板头部区域底部边框线颜色
   --ti-lowcode-plugin-panel-title-font-weight: 400; // 插件面板标题加粗效果
 
   // 插件设置面板

packages/theme/light/block.less

@@ -9,7 +9,6 @@
   --ti-lowcode-component-block-version-list-panel-title-color: var(--te-common-text-primary);
   --ti-lowcode-component-block-version-list-time-color: var(--te-common-text-primary);
   --ti-lowcode-component-block-version-list-desc-color: var(--te-common-text-weaken);
-  --ti-lowcode-component-block-version-list-time-color: var(--te-common-text-primary);
   --ti-lowcode-component-block-setting-popover-bg: var(--te-common-bg-default);
   --ti-lowcode-component-block-setting-item-text-color: var(--te-common-text-secondary);
   // 区块管理 - 添加分类

packages/theme/light/events.less

@@ -13,7 +13,7 @@
   --ti-lowcode-events-bind-action-item-border-color: var(--te-common-border-default);
   --ti-lowcode-events-event-bind-color: var(--te-common-text-checked);
   --ti-lowcode-events-bind-action-item-color: var(--te-common-text-primary);
-  --ti-lowcode-events-bind-action-item-hover-bg-color: var(---te-common-bg-container);
+  --ti-lowcode-events-bind-action-item-hover-bg-color: var(--te-common-bg-container);
   --ti-lowcode-events-bind-action-item-linked-bg-color: var(--te-common-color-success);
   --ti-lowcode-events-bind-action-item-linked-color: var(--te-common-text-dark-inverse);
   --ti-lowcode-events-empty-action-bg-color: var(--te-common-bg-container);

packages/theme/light/i18n.less

@@ -7,6 +7,4 @@
   --ti-lowcode-i18n-border-color: var(--te-common-border-default);
   // 国际化按钮字体颜色
   --ti-lowcode-i18n-button-color: var(--te-common-text-primary);
-  // 国际化按钮图标颜色
-  --ti-lowcode-i18n-icon-color: var(--te-common-text-weaken);
 }

packages/theme/light/pageManage.less

@@ -3,7 +3,6 @@
   --ti-lowcode-page-manage-tip-text-color: var(--te-common-text-weaken);
   --ti-lowcode-page-manage-tree-text-background-color: var(--te-common-bg-default);
   --ti-lowcode-page-manage-tree-node-background-color: var(--te-common-bg-default);
-  --ti-lowcode-page-manage-tree-node-label-color: var(--te-common-text-primary);
   --ti-lowcode-page-manage-text-color: var(--te-common-text-secondary);
   --ti-lowcode-page-manage-input-head-text-color: var(--te-common-text-primary);
 }

packages/theme/light/toolbar.less

@@ -3,7 +3,7 @@
   --ti-lowcode-toolbar-border-bottom-color: var(--te-common-border-divider);
   --ti-lowcode-toolbar-title-color: var(--te-common-text-primary);
   --ti-lowcode-toolbar-hover-color: var(--te-common-bg-container);
-  --ti-lowcode-toolbar-view-active-bg: var(--te-common-bg-prompt); // 相当于 规范中定义的 #191919 透明度5%
+  --ti-lowcode-toolbar-view-active-bg: var(--te-common-bg-prompt);
   --ti-lowcode-toolbar-left-icon-bg-hover: var(--te-common-icon-primary);
   --ti-lowcode-toolbar-active-color: var(--te-common-text-secondary);
   --ti-lowcode-toolbar-user-img-border-color: var(--te-common-border-divider);

packages/theme/light/variable.less

@@ -6,7 +6,6 @@
   // ------ 主要的公共主题色，前缀为 --ti-lowcode-common -------
   --ti-lowcode-common-secondary-text-color: #c2c2c2;
   --ti-lowcode-common-third-text-color: #ababab;
-  --ti-lowcode-common-empty-text-color: var(--te-common-text-weaken);
 
   // ------ 公共组件的主题色，前缀为 --ti-lowcode-component-组件名 -------