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

refactor(editor): Color palette updates, introduce dark mode (#6980)

Browse Source 
Github issue / Community forum post (link here to close automatically):

---------

Co-authored-by: Mutasem <mutdmour@gmail.com>
This commit is contained in:
Giulio Andreini
2023-11-01 13:33:36 +01:00
committed by GitHub
parent b72040aa54
commit 0746783e02
81 changed files with 1694 additions and 1318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,13 +1,6 @@
:root {
--node-type-background-l: 95%;
--node-type-main-color-h: var(--color-foreground-xdark-h);
--node-type-main-color-s: var(--color-foreground-xdark-s);
--node-type-main-color-l: var(--color-foreground-xdark-l);
--node-type-main-color: hsl(
var(--node-type-main-color-h),
var(--node-type-main-color-s),
var(--node-type-main-color-l)
);
--node-type-supplemental-label-color-h: 235;
--node-type-supplemental-label-color-s: 28%;
--node-type-supplemental-label-color-l: 40%;
@@ -188,6 +181,12 @@
font-weight: 400;
}
// Dialog
.el-overlay {
background-color: var(--color-dialog-overlay-background-dark);
backdrop-filter: blur(2px);
}
.el-dialog {
border: var(--border-base);
box-shadow: 0px 6px 16px rgb(68 28 23 / 6%);
@@ -280,20 +279,6 @@
color: var(--color-text-dark);
}
}
.el-table--striped {
.el-table__body {
tr.el-table__row--striped {
background-color: var(--color-background-light);
td {
background: none;
}
}
tr.el-table__row:hover,
tr.el-table__row:hover > td {
background-color: var(--color-primary-tint-3);
}
}
}
// Tabs
.type-selector:focus,
@@ -416,6 +401,7 @@
&,
&:hover,
&:focus {
padding-left: 35px;
border-radius: var(--border-radius-base);
color: var(--color-text-dark);
background-color: var(--color-background-base);