mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-06-07 05:25:39 +08:00
调整颜色变量和动画效果
This commit is contained in:
parent
ad06d35051
commit
d2a93e9add
@ -119,6 +119,6 @@ export default {
|
||||
}
|
||||
|
||||
.card-wrapper-hover {
|
||||
transform: scale(1.02);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
</style>
|
||||
|
@ -370,10 +370,10 @@ export default {
|
||||
|
||||
<style>
|
||||
.quickcommand-ui.q-card {
|
||||
background-color: #f4f4f4;
|
||||
background-color: var(--utools-bright-bg);
|
||||
}
|
||||
|
||||
.body--dark .quickcommand-ui.q-card {
|
||||
background-color: var(--q-dark-page);
|
||||
background-color: var(--utools-dark-bg);
|
||||
}
|
||||
</style>
|
||||
|
@ -1,16 +1,20 @@
|
||||
/* app global css */
|
||||
:root {
|
||||
--utools-bright-bg: #f4f4f4;
|
||||
--utools-bright-font-color: #333;
|
||||
--utools-dark-bg: #303133;
|
||||
--utools-dark-font-color: #fff;
|
||||
--q-dark: #464646;
|
||||
--q-dark-page: #303133;
|
||||
--q-dark-page: var(--utools-dark-bg);
|
||||
}
|
||||
|
||||
.q-card--dark {
|
||||
background: var(--q-dark-page);
|
||||
background: var(--utools-dark-bg);
|
||||
}
|
||||
|
||||
body {
|
||||
background: #f4f4f4;
|
||||
color: #333;
|
||||
background: var(--utools-bright-bg);
|
||||
color: var(--utools-bright-font-color);
|
||||
}
|
||||
|
||||
/* Monaco Editor 调整行号栏样式 */
|
||||
|
@ -39,7 +39,7 @@
|
||||
<transition name="slide">
|
||||
<div v-if="isEditorShow" class="editor-container">
|
||||
<component
|
||||
:is="commandEditorAction.data.component"
|
||||
:is="commandEditorAction.component"
|
||||
:action="commandEditorAction"
|
||||
@editorEvent="editorEvent"
|
||||
:allQuickCommandTags="allQuickCommandTags"
|
||||
@ -284,6 +284,7 @@ export default {
|
||||
this.commandEditorAction = {
|
||||
type: "edit",
|
||||
data: window.lodashM.cloneDeep(command),
|
||||
component: "CommandEditor",
|
||||
};
|
||||
this.isEditorShow = true;
|
||||
},
|
||||
@ -421,9 +422,8 @@ export default {
|
||||
addNewCommand(component = "CommandEditor") {
|
||||
this.commandEditorAction = {
|
||||
type: "new",
|
||||
data: {
|
||||
component,
|
||||
},
|
||||
data: {},
|
||||
component,
|
||||
};
|
||||
this.isEditorShow = true;
|
||||
},
|
||||
@ -518,8 +518,7 @@ export default {
|
||||
}
|
||||
|
||||
.editor-container {
|
||||
color: black;
|
||||
background: white;
|
||||
color: var(--utools-bright-font-color);
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@ -527,12 +526,12 @@ export default {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 5000;
|
||||
background: var(--q-page-background);
|
||||
background: var(--utools-bright-bg);
|
||||
}
|
||||
|
||||
.body--dark .editor-container {
|
||||
color: white;
|
||||
background: var(--q-dark-page);
|
||||
color: var(--utools-dark-font-color);
|
||||
background: var(--utools-dark-bg);
|
||||
}
|
||||
|
||||
/* 编辑器容器动画 */
|
||||
|
Loading…
x
Reference in New Issue
Block a user