admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-19 19:11:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Secondary button in dark mode (#9401)

Browse Source
This commit is contained in:
Giulio Andreini
2024-05-15 17:57:21 +02:00
committed by GitHub
parent 14fe9f268f
commit aad43d8cdc
6 changed files with 57 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/design-system/src/css/_tokens.dark.scss
View File

@@ -22,6 +22,7 @@
--color-background-dark: var(--prim-gray-70);
--color-background-medium: var(--prim-gray-540);
--color-background-base: var(--prim-gray-670);
--color-background-light-base: var(--prim-gray-780);
--color-background-light: var(--prim-gray-820);
--color-background-xlight: var(--prim-gray-740);
@@ -118,16 +119,31 @@
--color-variables-usage-syntax-bg: var(--prim-color-alt-a-alpha-025);
// Button primary
--color-button-primary-disabled-font: var(--prim-gray-0-alpha-025);
--color-button-primary-focus-outline: var(--prim-color-primary-alpha-035);
--color-button-primary-disabled-font: var(--prim-gray-0-alpha-030);
--color-button-primary-disabled-border: transparent;
--color-button-primary-disabled-background: var(--prim-color-primary-shade-300);
--color-button-primary-disabled-background: var(--prim-color-primary-alpha-050);
// Button secondary
--color-button-secondary-border: var(--prim-gray-420);
--color-button-secondary-font: var(--prim-gray-70);
--color-button-secondary-border: var(--prim-gray-70);
--color-button-secondary-background: transparent;
--color-button-secondary-hover-active-focus-font: var(--prim-color-primary-tint-100);
--color-button-secondary-hover-background: transparent;
--color-button-secondary-active-focus-background: var(--prim-color-primary-alpha-010);
--color-button-secondary-focus-outline: var(--prim-color-primary-alpha-035);
--color-button-secondary-disabled-font: var(--prim-gray-0-alpha-030);
--color-button-secondary-disabled-border: var(--prim-gray-0-alpha-030);
// Text button
--color-text-button-secondary-font: var(--prim-gray-320);
// Node Creator Button
--color-button-node-creator-border-font: var(--color-button-secondary-font);
--color-button-node-creator-hover-font: var(--color-button-secondary-hover-active-focus-font);
--color-button-node-creator-hover-border: var(--prim-color-primary);
--color-button-node-creator-background: var(--prim-color-primary-alpha-010);
// Table
--color-table-header-background: var(--prim-gray-740);
--color-table-row-background: var(--prim-gray-820);