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

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

View File

@@ -170,13 +170,13 @@ function nodeTypeSelected(nodeTypes: string[]) {
pointer-events: all !important;
button {
border-color: var(--color-foreground-xdark);
color: var(--color-foreground-xdark);
border-color: var(--color-button-node-creator-border-font);
color: var(--color-button-node-creator-border-font);
&:hover {
border-color: var(--color-primary);
color: var(--color-primary);
background: var(--color-background-xlight);
border-color: var(--color-button-node-creator-hover-border-font);
color: var(--color-button-node-creator-hover-border-font);
background: var(--color-button-node-creator-background);
}
}
}

View File

@@ -174,7 +174,7 @@ onBeforeUnmount(() => {
left: $sidebar-width;
opacity: 0;
z-index: 1;
background: var(--color-background-dark);
background: var(--color-dialog-overlay-background);
pointer-events: none;
transition: opacity 200ms ease-in-out;

View File

@@ -133,6 +133,7 @@ registerKeyHook(`CategoryLeft_${props.category}`, {
.mouseOverTooltip {
opacity: 0;
margin-left: var(--spacing-3xs);
color: var(--color-foreground-xdark);
&:hover {
color: var(--color-primary);
}