diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 00082e6c..b57305c7 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -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;