add color stops to avoid gray areas
This commit is contained in:
parent
ebe70bdd03
commit
3bd4cb295f
1 changed files with 3 additions and 1 deletions
|
|
@ -13,7 +13,9 @@
|
||||||
--gradient-rainbow: linear-gradient(
|
--gradient-rainbow: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
var(--color-primary),
|
var(--color-primary),
|
||||||
|
hsl(273, 59%, 57%),
|
||||||
var(--color-secondary),
|
var(--color-secondary),
|
||||||
|
hsl(97, 59%, 57%),
|
||||||
var(--color-tertiary)
|
var(--color-tertiary)
|
||||||
);
|
);
|
||||||
--gradient-conic: conic-gradient(
|
--gradient-conic: conic-gradient(
|
||||||
|
|
@ -41,7 +43,7 @@
|
||||||
--color-tertiary: var(--color-tertiary-highlight);
|
--color-tertiary: var(--color-tertiary-highlight);
|
||||||
|
|
||||||
/* modify base colors with color-mix - https://caniuse.com/?search=color-mix */
|
/* modify base colors with color-mix - https://caniuse.com/?search=color-mix */
|
||||||
--color-text-accent: color-mix(in oklab, var(--color-base-dark) 80%, var(--color-text));
|
--color-text-accent: color-mix(in oklab, var(--color-base-dark) 80%, var(--color-bg));
|
||||||
--color-bg-accent: color-mix(in oklab, var(--color-bg) 90%, var(--color-text));
|
--color-bg-accent: color-mix(in oklab, var(--color-bg) 90%, var(--color-text));
|
||||||
--color-bg-accent-2: color-mix(in oklab, var(--color-bg) 70%, var(--color-text));
|
--color-bg-accent-2: color-mix(in oklab, var(--color-bg) 70%, var(--color-text));
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue