wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

refs #5990 feat(summarys): custom colors

This commit is contained in:
Alex Moreno 2023-08-16 07:35:29 +02:00
parent e383615092
commit 4f9cdd2112
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ui/CardSummary.vue
View File

@ -111,7 +111,7 @@ watch(props, async () => {
flex-direction: row; flex-direction: row;
margin-top: 5px; margin-top: 5px;
.label { .label {
color: rgb(131, 131, 131); //$gray; color: var(--vn-label);
width: 10em; width: 10em;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -119,7 +119,7 @@ watch(props, async () => {
margin-right: 10px; margin-right: 10px;
} }
.value { .value {
color: var(--vn-text); //$light-black; color: var(--vn-text);
width: max-content; width: max-content;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;

2
src/css/app.scss
View File

@ -37,9 +37,11 @@ body.body--light {
} }
--vn-text: #000000; --vn-text: #000000;
--vn-gray: #dddddd; --vn-gray: #dddddd;
--vn-label: #5f5f5f;
} }
body.body--dark { body.body--dark {
--vn-text: #ffffff; --vn-text: #ffffff;
--vn-gray: #313131; --vn-gray: #313131;
--vn-label: #a8a8a8;
} }

2
src/css/quasar.variables.scss
View File

@ -47,4 +47,4 @@ $dark: #292929;
$layout-shadow-dark: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24); $layout-shadow-dark: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
$spacing-md: 16px; $spacing-md: 16px;
$label-color: rgba(255, 255, 255, 0.6); $label-color: #ffffff99;