More code cleanup

This commit is contained in:
Hirame1 2022-05-28 18:27:01 +07:00 committed by cyip92
parent c5f4156a16
commit 89b3decc06
3 changed files with 35 additions and 25 deletions

View File

@ -5,35 +5,20 @@
--color-automator-event-background: #007f00;
--color-automator-event-outline: #19c819;
--color-automator-error-background: #ac0617;
--color-automator-docs-background: white;
--color-automator-docs-font: black;
--color-automator-error-underline: red;
--color-blockmator-block-border: #cfcfcf;
--color-blockmator-block-background: #f5f5f5;
--color-blockmator-block-font: #a142ff;
--color-blockmator-active-background: #d8caeb;
--color-blockmator-editor-background: white;
--color-blockmator-editor-selection: #007f7f;
--color-blockmator-editor-input: #00ac00;
--color-blockmator-nested-block-border: #369b36;
--color-blockmator-block-delete: #ff3333;
--color-template-textbox-border: black;
}
:root .s-base--dark {
--color-automator-controls-background: #262626;
--color-automator-active-line-background: #2b065c;
--color-automator-active-line-outline: #4400ff;
--color-automator-docs-background: black;
--color-automator-docs-font: white;
--color-blockmator-block-border: #353535;
--color-blockmator-block-background: #000115;
--color-blockmator-block-font: #c080ff;
--color-blockmator-active-background: #50316f;
--color-blockmator-editor-background: black;
--color-blockmator-editor-selection: #01a1a1;
--color-blockmator-editor-input: #00ff00;
--color-blockmator-nested-block-border: #55ff55;
}
._-automator-split-pane-fix {
@ -292,11 +277,16 @@
padding-left: 1rem;
border-right: 0.15rem solid var(--color-automator-controls-background);
border-bottom: 0.15rem solid var(--color-automator-controls-background);
background-color: var(--color-automator-docs-background);
background-color: white;
font-size: 1.4rem;
color: var(--color-automator-docs-font);
}
.s-base--dark .c-automator-docs {
background-color: black;
color: var(--color-automator-docs-font);
}
.c-automator-docs-page {
display: flex;
flex-direction: column;
@ -329,7 +319,7 @@
.o-automator-error-underline::before {
content: "~~~~~~~~~~~~";
overflow: hidden;
color: var(--color-automator-error-underline);
color: red;
width: 100%;
position: absolute;
top: 12px;

View File

@ -8940,13 +8940,17 @@ kbd {
border: 0.1rem solid var(--color-blockmator-block-border);
padding: 0.5rem;
background: var(--color-blockmator-block-background);
color: var(--color-blockmator-block-font);
color: #a142ff;
border-radius: var(--var-border-radius, 0.5rem);
-webkit-user-select: none;
user-select: none;
cursor: grab;
}
.o-automator-command {
color: #c080ff;
}
.c-automator-docs .o-automator-command {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
@ -8974,7 +8978,11 @@ kbd {
}
.c-automator-block-row-active {
background: var(--color-blockmator-active-background);
background: #d8caeb;
}
.c-automator-block-row-active {
background: #50316f;
}
.c-automator-block-row-ghost {
@ -9010,25 +9018,37 @@ kbd {
border: 0.1rem solid var(--color-blockmator-block-border);
padding: 0.5rem;
background: var(--color-blockmator-block-background);
color: var(--color-blockmator-editor-selection);
color: #007f7f;
border-radius: var(--var-border-radius, 0.5rem);
}
.o-automator-block-input {
color: #01a1a1;
}
input.o-automator-block-input {
color: var(--color-blockmator-editor-input);
color: #00ac00;
}
.s-base--dark .o-automator-block-input {
color: #00ff00;
}
.l-automator-nested-block {
width: fit-content;
padding: 1rem;
border: var(--var-border-width, 2px) dotted var(--color-blockmator-nested-block-border);
border: var(--var-border-width, 2px) dotted #369b36;
margin-left: 3rem;
margin-top: 0.5rem;
min-widtH: 30rem;
}
.s-base--dark .l-automator-nested-block {
border: var(--var-border-width, 2px) dotted #55ff55;
}
.o-automator-block-delete {
color: var(--color-blockmator-block-delete);
color: #ff3333;
font-size: 1.7rem;
cursor: pointer;
}
@ -9060,7 +9080,7 @@ input.o-automator-block-input {
.c-automator-template-textbox {
text-align: center;
border: 0.1rem solid var(--color-template-textbox-border);
border: 0.1rem solid black;
border-radius: var(--var-border-radius, 0.3rem);
}

View File

@ -185,7 +185,7 @@ export const BlockAutomator = {
overflow-y: auto;
tab-size: 1.5rem;
width: 100%;
background-color: black;
background-color: var(--color-blockmator-editor-background);
box-sizing: content-box;
}