Skip to content

Commit 57697e8

Browse files
wenminewenmine
committed
feat(refactor/theme): change incorrect css variables to the common variable
1 parent e3c48cb commit 57697e8

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+125
-224
lines changed

‎packages/common/component/BlockLinkEvent.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -198,22 +198,22 @@ export default {
198198
padding: 3px 0;
199199
border: 1px solid var(--ti-lowcode-tabs-border-color);
200200
border-radius: 3px;
201-
background-color: var(--ti-lowcode-toolbar-view-hover-bg);
201+
background-color: var(--te-common-bg-container);
202202
box-shadow: 0 1px 15px 0 rgb(0 0 0 / 20%);
203203
display: flex;
204204
flex-direction: column;
205205
.menu-item {
206206
font-size: 12px;
207207
display: flex;
208208
justify-content: space-between;
209-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
209+
color: var(--te-common-text-secondary);
210210
padding: 6px 15px;
211211
&:not(:last-child) {
212212
border-bottom: 1px solid var(--ti-lowcode-tabs-border-color);
213213
}
214214
&:hover {
215215
color: var(--ti-lowcode-toolbar-icon-color);
216-
background: var(--ti-lowcode-canvas-wrap-bg);
216+
background: var(--te-common-bg-container);
217217
}
218218
219219
.link-item {

‎packages/common/component/ConfigCollapse.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -40,10 +40,10 @@ export default {
4040
transition: 0.3s;
4141
4242
&:hover {
43-
color: var(--ti-lowcode-toolbar-icon-color);
43+
color: var(--te-common-icon-primary);
4444
4545
svg {
46-
color: var(--ti-lowcode-toolbar-icon-color);
46+
color: var(--te-common-icon-primary);
4747
}
4848
}
4949
}

‎packages/common/component/ConfigItem.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -673,7 +673,7 @@ export default {
673673
display: flex;
674674
align-items: center;
675675
margin-top: 8px;
676-
color: var(--ti-lowcode-common-error-color);
676+
color: var(--te-common-color-error);
677677
font-size: 12px;
678678
.failure-icon {
679679
width: 16px;

‎packages/common/component/EmptyTip.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -33,12 +33,12 @@ export default {
3333
<style scoped lang="less">
3434
.tip {
3535
display: flex;
36-
border: 1px solid var(--ti-lowcode-toolbar-border-color);
37-
border-left: 2px solid var(--ti-lowcode-success-border-color);
36+
border: 1px solid var(--te-common-border-default);
37+
border-left: 2px solid var(--te-common-color-success);
3838
border-radius: 0 4px 4px 0;
3939
align-items: center;
4040
padding: 8px 12px;
41-
background-color: var(--ti-lowcode-toolbar-view-hover-bg);
41+
background-color: var(--te-common-bg-container);
4242
4343
.left {
4444
width: 20px;
@@ -52,9 +52,9 @@ export default {
5252
}
5353
}
5454
.waring {
55-
border-left: 2px solid var(--ti-lowcode-description-warning-color);
55+
border-left: 2px solid var(--te-common-color-warning);
5656
}
5757
.error {
58-
border-left: 2px solid var(--ti-lowcode-description-error-color);
58+
border-left: 2px solid var(--te-common-color-error);
5959
}
6060
</style>

‎packages/common/component/MetaCodeEditor.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -323,7 +323,7 @@ export default {
323323
margin-left: 4px;
324324
flex-shrink: 0;
325325
cursor: pointer;
326-
color: var(--ti-lowcode-common-text-main-color);
326+
color: var(--te-common-text-secondary);
327327
}
328328
}
329329

‎packages/common/component/MetaDescription.vue

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -92,34 +92,34 @@ export default {
9292
padding-block: 4px;
9393
padding-inline: 11px 8px;
9494
width: auto;
95-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
96-
background-color: var(--ti-lowcode-toolbar-view-hover-bg);
95+
color: var(--te-common-text-secondary);
96+
background-color: var(--te-common-bg-container);
9797
box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.3);
9898
&.warning {
99-
color: var(--ti-lowcode-description-warning-color);
99+
color: var(--te-common-color-warning);
100100
}
101101
&.error {
102-
color: var(--ti-lowcode-description-error-color);
102+
color: var(--te-common-color-error);
103103
}
104104
105105
&.border {
106-
border-top: 1px solid var(--ti-lowcode-collapse-active-border-color);
107-
border-right: 1px solid var(--ti-lowcode-collapse-active-border-color);
108-
border-bottom: 1px solid var(--ti-lowcode-collapse-active-border-color);
106+
border-top: 1px solid var(--te-common-border-default);
107+
border-right: 1px solid var(--te-common-border-default);
108+
border-bottom: 1px solid var(--te-common-border-default);
109109
}
110110
.content {
111-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
111+
color: var(--te-common-text-secondary);
112112
}
113113
.footer {
114114
display: flex;
115115
justify-content: space-between;
116116
align-items: center;
117-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
117+
color: var(--te-common-text-secondary);
118118
.footer-text {
119119
cursor: pointer;
120120
&.link {
121121
display: block;
122-
color: var(--ti-lowcode-text-link-color);
122+
color: var(--te-common-text-link);
123123
&:hover {
124124
text-decoration: underline;
125125
}

‎packages/common/component/MetaListActions.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ export default {
3535
.actionsItem {
3636
display: inline-block;
3737
padding: 5px 5px;
38-
background-color: var(--ti-lowcode-canvas-wrap-bg);
38+
background-color: var(--te-common-bg-container);
3939
&:not(:last-child) {
4040
border-right: 1px solid var(--ti-lowcode-optionitem-border-color);
4141
}

‎packages/common/component/MetaListItem.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -252,7 +252,7 @@ export default {
252252
border-right: none;
253253
background: var(--ti-lowcode-meta-list-item-bg-color);
254254
margin-bottom: -1px;
255-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
255+
color: var(--te-common-text-primary);
256256
&.active-item {
257257
background-color: var(--te-common-bg-container);
258258
}
@@ -267,7 +267,7 @@ export default {
267267
margin-right: 5px;
268268
font-size: 12px;
269269
opacity: 0.4;
270-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
270+
color: var(--te-common-text-primary);
271271
&:hover {
272272
cursor: pointer;
273273
opacity: 1;

‎packages/common/component/MetaModal.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ export default {
7474
7575
.modal-content {
7676
padding: 8px;
77-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
77+
color: var(--te-common-text-secondary);
7878
border: 1px solid var(--ti-lowcode-tabs-border-color);
7979
border-radius: 4px;
8080
background-color: var(--ti-lowcode-toolbar-bg);

‎packages/common/component/MetaModalItem.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@ export default {
123123
justify-content: space-between;
124124
align-items: center;
125125
padding: 10px 0;
126-
color: var(--ti-lowcode-toolbar-breadcrumb-color);
126+
color: var(--te-common-text-secondary);
127127
128128
.header-title {
129129
font-size: 14px;

0 commit comments

Comments
 (0)