Removed duplicated :root added --primary-light-l variable
All checks were successful
continuous-integration/drone/pr Build is passing
All checks were successful
continuous-integration/drone/pr Build is passing
This commit is contained in:
parent
2a65126a80
commit
a258b938fa
|
@ -1,6 +1,6 @@
|
|||
:root {
|
||||
|
||||
/* Vikunja colors as CSS custom properties */
|
||||
/* Vikunja colors as CSS custom properties */
|
||||
--grey-50: hsl(210, 20%, 98%);
|
||||
--grey-100: hsl(220, 14.3%, 95.9%);
|
||||
--grey-200: hsl(220, 13%, 91%);
|
||||
|
@ -16,7 +16,7 @@
|
|||
--light-background: var(--grey-100);
|
||||
--scheme-main: var(--white);
|
||||
|
||||
// Vikunja overrides of Bulma defaults
|
||||
// Vikunja overrides of Bulma defaults
|
||||
// --black-bis: #121212;
|
||||
// --black-ter: #242424;
|
||||
--grey-darker: var(--grey-700);
|
||||
|
@ -33,7 +33,7 @@
|
|||
--white-l: 100%;
|
||||
--white-a: 1;
|
||||
--white: hsla(var(--white-h), var(--white-s), var(--white-l), var(--white-a));
|
||||
--white-translucent: hsla(var(--white-h), var(--white-s), var(--white-l), 0.75);
|
||||
--white-translucent: hsla(var(--white-h), var(--white-s), var(--white-l), 0.75);
|
||||
|
||||
--black-h: 0deg;
|
||||
--black-s: 0%;
|
||||
|
@ -63,16 +63,15 @@
|
|||
--primary-h: 216.5deg !important;
|
||||
--primary-s: 100% !important;
|
||||
--primary-l: 54.9% !important;
|
||||
--primary-light-l: 73%;
|
||||
--primary-a: 1 !important;
|
||||
--primary: hsla(var(--primary-h), var(--primary-s), var(--primary-l), var(--primary-a));
|
||||
|
||||
// simulate sass lighten($primary, 30) by increasing lightness 30% to 73%
|
||||
--primary-light: hsla(var(--primary-h), var(--primary-s), 73%, var(--primary-a));
|
||||
--primary-translucent: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.5);
|
||||
}
|
||||
--primary-light: hsla(var(--primary-h), var(--primary-s), var(--primary-light-l), var(--primary-a));
|
||||
--primary-translucent: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.5);
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/* Light mode colours reversed for dark mode */
|
||||
--grey-900: hsl(210, 20%, 98%);
|
||||
--grey-800: hsl(220, 14.3%, 95.9%);
|
||||
|
@ -96,4 +95,5 @@
|
|||
--text-light: var(--grey-300) !important;
|
||||
--text-strong: var(--grey-900) !important;
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user