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

Author: wenmine

packages/canvas/container/src/components/CanvasDivider.vue

@@ -201,7 +201,7 @@ export default {
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  background-color: var(--ti-lowcode-common-text-color-3);
+  background-color: var(--te-common-bg-default);
   cursor: pointer;
   z-index: 3;
   &.divider-vertical {
@@ -223,7 +223,7 @@ export default {
   .divider {
     width: 12px;
     height: 12px;
-    color: var(--ti-lowcode-common-text-color-3);
+    color: var(--te-base-gray-0);
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACO0lEQVRIDa2Uy6tNURzHN7cwMUAmHncot0QeV5QiBgZKmWEgzDDx+ANu5soMcUkxIY+iEFIKEZnIyMC9GZAMrke6hXt9Pvus1VnntPbZ53B/9dnrt36P7zpr7bVPUTRtD+5j+Arv4QwshDpbTIG1o2CvGmq12CVmk/ADnsGnMHccgCpbRiLWjuA/BTXUUrM0VzNwD+aVkcbjIMNveJnEUrePyWuYgP1JYi6+WmqWO3FLrpqKMy3tHE8LtzemLc99ITfcEm1MXERNtYsxcGs520nQBV61JWcyHw253W25OFVzbDqPj1D1MheF6tWM24LvcAD6w7yqdwF5tYvT4K90y6m5zQ/wE37BC9Bmw2f4Ah6DNdamFo/vlEHP3pvwB87CLjgGNrrwEbgY/K2MQ8E/zHg0+NbaY68aaqmpdmlLeT4HBSPf8RXQloA3ylvzDTx/34OmsLWxz9Hdqtlivo/l4NXy1syB1C4ziSK547THXjXU6tk20uECnn1fz91dNJynJu5gUxf1PZV4nr6DdzABj2BK7Rpq/votcDX4GxinxNagovjDoOZLdBcPwvy/h/souMDaROlGiK1PYv/kbg5C19u6V4b43bZ4z1M/GF/uQKbzFjF3NpjJdRXaEQQuVFQr7AK3K/Idw36Jb2Ec+jtU3iHnIqs61GRTe4naeDKbbQbXhbqbzVC9N4OSEfAPbD7UmbfMa7uirjDmD+H464/HQM3oB2f9lVxd7l9vFoVv4ESuIRN7QkzxaZlc8RcdnI7tMHZBlAAAAABJRU5ErkJggg==);

packages/common/component/PluginBlockList.vue

@@ -741,7 +741,7 @@ export default {
     box-sizing: border-box;
     cursor: pointer;
     &:hover {
-      color: var(--ti-lowcode-common-primary-text-color);
+      color: var(--te-common-text-primary);
     }
     .list-item-icon {
       font-size: 14px;

packages/plugins/schema/src/Main.vue

@@ -205,7 +205,7 @@ export default {
         width: 6px;
         height: 6px;
         border-radius: 50%;
-        background-color: var(--ti-lowcode-common-error-color);
+        background-color: var(--te-common-color-error);
         display: block;
         z-index: 100;
         position: absolute;

packages/plugins/script/src/Main.vue

@@ -158,7 +158,7 @@ export default {
         .dots {
           width: 6px;
           height: 6px;
-          background: var(--ti-lowcode-common-error-color);
+          background: var(--te-common-color-error);
           border-radius: 50%;
           position: absolute;
           top: 9px;

packages/settings/design/src/App.vue

@@ -98,7 +98,6 @@ export default {
 <style lang="less">
 :root {
   --ti-lowcode-common-secondary-text-color: #adb0b8;
-  --ti-lowcode-common-border-color: #dfe1e6;
   --ti-lowcode-common-hover-bg-color: #f2f5fc;
   --ti-lowcode-mask-bg: #fafafa;
   --max-height: calc(65vh - 70px);

packages/settings/design/src/components/PropertyCanvas.vue

@@ -236,7 +236,7 @@ export default {
     .tiny-collapse-item {
       &.is-active {
         .tiny-collapse-item__header {
-          border-bottom: 1px solid var(--ti-lowcode-common-border-color);
+          border-bottom: 1px solid var(--te-common-border-divider);
           height: 36px;
         }
       }

packages/settings/design/src/components/PropertyList.vue

@@ -113,7 +113,7 @@ export default {
   color: var(--te-common-text-primary);
   padding: 7px 7px;
   list-style: none;
-  border: 1px solid var(--ti-lowcode-common-border-color);
+  border: 1px solid var(--te-common-border-divider);
 
   &:hover {
     background: var(--ti-lowcode-common-hover-bg-color);

packages/theme/dark/base.less

@@ -1,5 +1,4 @@
 // 主题配置优先于公共配置
-@import './base.less';
 @import './variable.less';
 @import './block.less';
 @import './life-cycles.less';