mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

add shade color

Browse source
This commit is contained in:
Mutasem 2021-08-16 12:08:06 +02:00
parent cc81ff21f4
commit bbc07c2e85
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/design-system/theme/src/_tokens.scss
View file

@ -29,13 +29,20 @@
var(--color-primary-tint-3-l)
);
--color-primary-shade-1-l: 23%;
--color-primary-shade-1-l: 57.6%;
--color-primary-shade-1: hsl(
var(--color-primary-h),
var(--color-primary-s),
var(--color-primary-shade-1-l)
);
--color-primary-shade-2-l: 23%;
--color-primary-shade-2: hsl(
var(--color-primary-h),
var(--color-primary-s),
var(--color-primary-shade-2-l)
);
--color-secondary-h: 247.4;
--color-secondary-s: 100%;
--color-secondary-l: 65.1%;
@ -294,9 +301,6 @@
--spacing-3xl: 4rem;
--spacing-4xl: 8rem;
--spacing-5xl: 16rem;
--button-radius-default: 20px;
--button-shade-active: 10%;
}
:root {

4
packages/design-system/theme/src/common/var.scss
View file

@ -668,10 +668,10 @@ $button-mini-padding-horizontal: 15px;
$button-font-color: var(--button-color, var(--color-text-xlight));
$button-background-color: var(--button-background-color, var(--color-primary));
$button-active-color: var(--button-active-color, var(--color-text-xlight));
$button-active-border-color: var(--button-active-border-color, $color-primary-shade-1);
$button-active-border-color: var(--button-active-border-color, var(--color-primary-shade-1));
$button-active-background-color: var(
--button-active-background-color,
$color-primary-shade-1
var(--color-primary-shade-1)
);
/// color||Color|0