chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: color

Browse source
This commit is contained in:
Methapon2001 2024-07-04 15:22:59 +07:00
parent 283ae2d1b0
commit 8790ab68a5
3 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/DrawerComponent.vue
View file

@ -105,7 +105,11 @@ function branchSetting() {}
@click="$router.push('/')" @click="$router.push('/')"
id="btn-drawer-home" id="btn-drawer-home"
> >
<q-img src="/logo.png" style="width: 80%; height: 70%" /> <q-img
src="/logo.png"
style="width: 80%; height: 70%"
:style="{ filter: `brightness(${$q.dark.isActive ? '1.3' : '1'})` }"
/>
</div> </div>
<div id="drawer-menu" class="q-pr-sm q-pl-md"> <div id="drawer-menu" class="q-pr-sm q-pl-md">
@ -185,7 +189,7 @@ function branchSetting() {}
} }
:deep(.q-drawer) { :deep(.q-drawer) {
background-color: var(--surface-3); background-color: var(--surface-0);
padding: var(--size-4); padding: var(--size-4);
padding-right: 0; padding-right: 0;
} }

2
src/components/StatCardComponent.vue
View file

@ -92,6 +92,6 @@ const props = withDefaults(
} }
.dark .stat-card__orange { .dark .stat-card__orange {
--_color: var(--orange-8); --_color: var(--orange-6-hsl);
} }
</style> </style>

4
src/css/app.scss
View file

@ -11,7 +11,7 @@ html {
--brand-2: #f50000; --brand-2: #f50000;
--border-color: var(--gray-3); --border-color: var(--gray-3);
--foreground: black; --foreground: black;
--background: var(--gray-1); --background: var(--gray-2);
--surface-0: var(--background); --surface-0: var(--background);
--surface-1: white; --surface-1: white;
--surface-2: var(--gray-0); --surface-2: var(--gray-0);
@ -50,7 +50,7 @@ html {
--brand-2: #f50000; --brand-2: #f50000;
--border-color: var(--gray-7); --border-color: var(--gray-7);
--foreground: white; --foreground: white;
--background: var(--gray-10); --background: var(--gray-11);
--surface-0: var(--background); --surface-0: var(--background);
--surface-1: var(--gray-10); --surface-1: var(--gray-10);
--surface-2: var(--gray-9); --surface-2: var(--gray-9);