Fix axis color in darkmode

actualbudget · Jan 20, 2024 · 7a42375 · 7a42375
1 parent 7a7e1b5
commit 7a42375
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/...snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png b/...snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-1-chromium-linux.png
diff --git a/...snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png b/...snapshots/Reports-loads-cash-flow-graph-and-checks-visuals-2-chromium-linux.png
diff --git a/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.tsx b/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.tsx
@@ -110,12 +110,16 @@ export function CashFlowGraph({ graphData, isConcise }: CashFlowGraphProps) {
         <CartesianGrid strokeDasharray="3 3" vertical={false} />
         <XAxis
           dataKey="date"
+          tick={{ fill: theme.reportsLabel }}
           tickFormatter={x => {
             // eslint-disable-next-line rulesdir/typography
             return d.format(x, isConcise ? "MMM ''yy" : 'MMM d');
           }}
         />
-        <YAxis tickFormatter={value => (privacyMode ? '...' : value)} />
+        <YAxis
+          tick={{ fill: theme.reportsLabel }}
+          tickFormatter={value => (privacyMode ? '...' : value)}
+        />
         <Tooltip
           labelFormatter={x => {
             // eslint-disable-next-line rulesdir/typography