feat: adjust color on dark mode

This commit is contained in:
Methapon Metanipat 2024-11-26 09:56:55 +07:00
parent 0e48837eca
commit db0e43ddbb

View file

@ -1040,7 +1040,7 @@ async function getWorkerFromCriteria(
/>
<div class="column surface-0 fullscreen">
<div class="color-bar">
<div class="color-bar" :class="{ dark: $q.dark.isActive }">
<div class="orange-segment"></div>
<div class="yellow-segment"></div>
<div class="gray-segment"></div>
@ -2485,6 +2485,10 @@ async function getWorkerFromCriteria(
overflow: hidden;
}
.color-bar.dark {
opacity: 0.7;
}
.orange-segment {
background-color: var(--yellow-7);
flex-grow: 4;