vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Replace --primary-translucent with --primary-hsl plus specified alpha as per #954 discussion
continuous-integration/drone/pr Build is passing Details

This commit is contained in:
Adrian Simmons 2021-11-10 15:07:21 +00:00
parent 31126d3475
commit 6c59567ebf
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/theme/theme.scss
View File

@ -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 {

2
src/styles/variables/colors.scss
View File

@ -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 */