mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(editor): Move all colors to css variables (#3723)

Browse Source 
* update white color

* update white color

* update more whites

* update color

* update curr running

* update text color #555

* update white color

* set search bar colors

* update colors

* update node executing

* update text colors

* update light color

* update theme

* update theme

* update overlays carousel

* update theme vars

* add dark theme tokens

* update text

* update table colors

* fix conflict

* update colors
This commit is contained in:
Mutasem Aldmour
2022-07-26 12:45:55 +02:00
committed by GitHub
parent 92614c81ab
commit b4525d06ea
35 changed files with 411 additions and 402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/editor-ui/src/n8n-theme.scss
View File

@@ -34,8 +34,8 @@
position: absolute;
top: 0;
right: -50px;
color: #fff;
background-color: $--custom-table-background-main;
color: var(--color-foreground-xlight);
background-color: var(--color-background-dark);
border-radius: 0 18px 18px 0;
z-index: 110;
font-size: 1.7em;
@@ -44,7 +44,7 @@
height: 50px;
width: 50px;
.el-dialog__close {
color: #fff;
color: var(--color-foreground-xlight);
font-weight: 400;
}
.el-dialog__close:hover {
@@ -83,31 +83,31 @@
// Table
.el-table {
thead th {
color: #fff;
background-color: $--custom-table-background-main;
color: var(--color-text-base);
background-color: var(--color-background-base);
}
tr {
color: #555;
color: var(--color-text-dark);
td {
border: none;
}
}
.tr {
color: #555;
color: var(--color-text-dark);
}
}
.el-table--striped {
.el-table__body {
tr.el-table__row--striped {
background-color: $--custom-table-background-stripe-color;
background-color: var(--color-background-light);
td {
background: none;
}
}
tr.el-table__row:hover,
tr.el-table__row:hover > td {
background-color: $--custom-table-background-hover-color;
background-color: var(--color-primary-tint-3);
}
}
}
@@ -127,7 +127,7 @@
// Loading Indicator
.el-loading-mask {
background-color: #fff;
background-color: var(--color-foreground-xlight);
opacity: 0.8;
}
@@ -137,15 +137,15 @@
.el-pagination .btn-prev,
.el-pagination .btn-next {
background: none;
color: #555;
color: var(--color-text-dark);
}
.el-pagination button:disabled {
background: none;
color: $--custom-input-background-disabled;
color: var(--color-text-lighter);
}
.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
color: #555;
color: var(--color-text-dark);
}
// Notification