forked from vikunja/frontend
Replace --primary-translucent with --primary-hsl plus specified alpha as per #954 discussion
This commit is contained in:
parent
31126d3475
commit
6c59567ebf
|
@ -6,7 +6,7 @@
|
|||
}
|
||||
|
||||
:focus {
|
||||
box-shadow: 0 0 0 2px var(--primary-translucent);
|
||||
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
|
||||
}
|
||||
|
||||
:focus:not(:focus-visible) {
|
||||
|
@ -15,7 +15,7 @@
|
|||
|
||||
:focus-visible,
|
||||
:-moz-focusring {
|
||||
box-shadow: 0 0 0 2px var(--primary-translucent);
|
||||
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
|
@ -65,11 +65,11 @@
|
|||
--primary-l: 54.9%;
|
||||
--primary-light-l: 73%;
|
||||
--primary-a: 1;
|
||||
--primary-hsl: 216.5deg, 100%, 54.9%;
|
||||
--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), 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) {
|
||||
/* Light mode colours reversed for dark mode */
|
||||
|
|
Loading…
Reference in New Issue