From c06b4e8af5c646b277d3ca0d04e9e60170cab978 Mon Sep 17 00:00:00 2001
From: Dave Richer <dave@imexsystems.ca>
Date: Fri, 8 Aug 2025 12:51:00 -0400
Subject: [PATCH] feature/IO-1113-Online-Dark-Mode - Adjust Car SVG Background
 color in Dark mode

---
 client/src/App/App.styles.scss                           | 9 +++++++++
 .../job-damage-visual/job-damage-visual.component.jsx    | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss
index a2ba15811..a74f9aa7e 100644
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -208,6 +208,7 @@
   --today-bg: #4a5e6e; /* Dark mode today background */
   --today-text: #ffffff; /* Dark mode today text */
   --off-range-bg: #333333; /* Dark mode off-range background */
+  --svg-background: #FFF; /* Dark mode SVG background */
 }
 
 // Global Styles
@@ -403,6 +404,10 @@
 
 // Override react-big-calendar styles for dark mode only
 [data-theme="dark"] {
+  .car-svg {
+    background-color: var(--svg-background);
+  }
+
   .rbc-today {
     background-color: var(--today-bg);
     color: var(--today-text);
@@ -416,3 +421,7 @@
     background-color: var(--today-bg);
   }
 }
+
+//.rbc-time-header-gutter {
+//  padding: 0;
+//} 
diff --git a/client/src/components/job-damage-visual/job-damage-visual.component.jsx b/client/src/components/job-damage-visual/job-damage-visual.component.jsx
index 7efa6186d..942de80c8 100644
--- a/client/src/components/job-damage-visual/job-damage-visual.component.jsx
+++ b/client/src/components/job-damage-visual/job-damage-visual.component.jsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 
 const Car = ({ dmg1, dmg2 }) => {
@@ -8,6 +7,7 @@ const Car = ({ dmg1, dmg2 }) => {
     <div style={{ position: "relative", textAlign: "center" }}>
       {t("jobs.labels.cards.damage")}
       <svg
+        className="car-svg"
         style={{ left: 0, top: 0, width: "100%", height: "100%" }}
         id="svg166"
         version="1.1"