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:
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user