From 802da68576da79c3b8deba0b97fa77c74c7c5048 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Thu, 2 Oct 2025 01:50:10 +0200
Subject: [PATCH] fix: dark mode for lighter rows background

---
 src/components/Order/OrderMainContent.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Order/OrderMainContent.vue b/src/components/Order/OrderMainContent.vue
index eb480f3..d4a6bed 100644
--- a/src/components/Order/OrderMainContent.vue
+++ b/src/components/Order/OrderMainContent.vue
@@ -34,8 +34,9 @@
       <!-- From 21.10 -->
       <tr
         v-for="(instruction, i) in store.orderData.instructions.slice(2)"
-        :style="{
-          'background-color': instruction.key.startsWith('218') ? '#eeece1' : 'inherit'
+        :class="{
+          'bg-lighter': instruction.key.startsWith('218'),
+          dark: store.orderDarkMode
         }"
       >
         <td width="10%" class="order-instruction-number">
@@ -176,6 +177,14 @@ function calculateInputWidthByFieldName(fieldName: string) {
     line-height: 2em;
     text-align: justify;
   }
+
+  tr.bg-lighter {
+    background-color: #eeece1;
+  }
+
+  tr.bg-lighter.dark {
+    background-color: #111;
+  }
 }
 
 .order-instruction-number {