study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-12-22 18:22:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

背景颜色样式调整

Browse Source
This commit is contained in:
fofolee
2025-02-15 12:06:34 +08:00
parent c6b511696a
commit 4262182f63
10 changed files with 71 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/composer/CommandComposer.vue
View File

@@ -76,11 +76,7 @@ export default defineComponent({
display: flex;
flex-direction: column;
height: 100%;
background-color: #f4f4f4;
}
.body--dark .command-composer {
background-color: #303132;
background-color: var(--utools-bg-color);
}
.composer-body {

17
src/components/composer/ComposerCard.vue
View File

@@ -315,14 +315,6 @@ export default defineComponent({
position: relative;
}
.composer-card .q-card {
background-color: rgba(0, 0, 0, 0.02);
}
.body--dark .composer-card .q-card {
background-color: rgba(255, 255, 255, 0.05);
}
/* 控制流程组件样式 */
.control-component {
flex: 1;
@@ -340,6 +332,7 @@ export default defineComponent({
.command-item {
transition: all 0.3s ease;
background-color: var(--transparent-bg-color);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: inherit;
@@ -353,14 +346,6 @@ export default defineComponent({
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.body--dark .composer-card.drag-handle:hover::before {
background: rgba(255, 255, 255, 0.1);
}
.body--dark .composer-card.drag-handle:active::before {
background: rgba(255, 255, 255, 0.15);
}
/* 收起状态样式 */
.composer-card.collapsed {
transform-origin: top;

15
src/components/composer/ComposerList.vue
View File

@@ -294,7 +294,7 @@ export default defineComponent({
margin: 4px 8px;
padding: 0 8px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: rgba(0, 0, 0, 0.02);
background: var(--transparent-bg-color);
cursor: grab;
font-size: 12px;
min-height: 40px;
@@ -315,8 +315,7 @@ export default defineComponent({
}
.command-item.q-item-type:hover {
background-color: rgba(0, 0, 0, 0.1);
transform: translateX(4px);
transform: translateX(3px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
@@ -325,16 +324,6 @@ export default defineComponent({
transform: scale(0.95);
}
/* 暗色模式适配 */
.body--dark .command-item.q-item-type {
border-color: rgba(255, 255, 255, 0.05);
background: rgba(255, 255, 255, 0.05);
}
.body--dark .command-item.q-item-type:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.body--dark .section-header {
border-bottom-color: rgba(255, 255, 255, 0.05);
}

9
src/components/composer/flow/DropArea.vue
View File

@@ -64,14 +64,7 @@ export default defineComponent({
.drop-area:hover,
.drop-area-dragging {
border-color: #bdbdbd;
background-color: #f9f9f9;
}
.body--dark .drop-area:hover,
.body--dark .drop-area-dragging {
border: 2px dashed #676666;
background-color: #303132;
background-color: var(--utools-bg-color);
}
.drop-area-dragging {