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

Make card border more subtle. Addresses point 6 of @konrads suggestions
continuous-integration/drone/pr Build is passing Details 

for #954
This commit is contained in:
Adrian Simmons 2021-11-11 15:39:12 +00:00
parent 38ed29052e
commit b1425e8c4a
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/misc/card.vue
View File

@ -60,13 +60,13 @@ export default {
background-color: var(--white);
border-radius: $radius;
margin-bottom: 1rem;
border: 1px solid var(--grey-200);
border: 1px solid var(--card-border-color);
box-shadow: var(--shadow-sm);
}
.card-header {
box-shadow: none;
border-bottom: 1px solid var(--grey-200);
border-bottom: 1px solid var(--card-border-color);
border-radius: $radius $radius 0 0;
}

7
src/styles/custom-properties/colors.scss
View File

@ -74,9 +74,12 @@
--primary: hsla(var(--primary-h), var(--primary-s), var(--primary-l), var(--primary-a));
--primary-light: hsla(var(--primary-h), var(--primary-s), var(--primary-light-l), var(--primary-a));
// Define custom color to prevent change in dark mode
// Define custom color variable to prevent change in dark mode
--switch-view-color: hsla(var(--white-h), var(--white-s), var(--white-l), var(--white-a));
// Define custom color variable to alow change in dark mode
--card-border-color: var(--grey-200);
@media (prefers-color-scheme: dark) {
// Light mode colours reversed for dark mode
@ -108,5 +111,7 @@
// need to be overriden in dark mode
--input-placeholder-color: hsla(var(--grey-900-hsl), 0.6) !important;
// Custom color variables we need to override
--card-border-color: hsla(var(--grey-100-hsl), 0.3);
}
}