admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/IO-1113-Online-Dark-Mode - Adjust Car SVG Background color in Dark mode

Browse Source
This commit is contained in:
Dave Richer
2025-08-08 12:51:00 -04:00
parent 3b481afa9e
commit c06b4e8af5
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/App/App.styles.scss
View File

@@ -208,6 +208,7 @@
--today-bg: #4a5e6e; /* Dark mode today background */ --today-bg: #4a5e6e; /* Dark mode today background */
--today-text: #ffffff; /* Dark mode today text */ --today-text: #ffffff; /* Dark mode today text */
--off-range-bg: #333333; /* Dark mode off-range background */ --off-range-bg: #333333; /* Dark mode off-range background */
--svg-background: #FFF; /* Dark mode SVG background */
} }
// Global Styles // Global Styles
@@ -403,6 +404,10 @@
// Override react-big-calendar styles for dark mode only // Override react-big-calendar styles for dark mode only
[data-theme="dark"] { [data-theme="dark"] {
.car-svg {
background-color: var(--svg-background);
}
.rbc-today { .rbc-today {
background-color: var(--today-bg); background-color: var(--today-bg);
color: var(--today-text); color: var(--today-text);
@@ -416,3 +421,7 @@
background-color: var(--today-bg); background-color: var(--today-bg);
} }
} }
//.rbc-time-header-gutter {
// padding: 0;
//}

2
client/src/components/job-damage-visual/job-damage-visual.component.jsx
View File

@@ -1,4 +1,3 @@
import React from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
const Car = ({ dmg1, dmg2 }) => { const Car = ({ dmg1, dmg2 }) => {
@@ -8,6 +7,7 @@ const Car = ({ dmg1, dmg2 }) => {
<div style={{ position: "relative", textAlign: "center" }}> <div style={{ position: "relative", textAlign: "center" }}>
{t("jobs.labels.cards.damage")} {t("jobs.labels.cards.damage")}
<svg <svg
className="car-svg"
style={{ left: 0, top: 0, width: "100%", height: "100%" }} style={{ left: 0, top: 0, width: "100%", height: "100%" }}
id="svg166" id="svg166"
version="1.1" version="1.1"