From ab71b7a8d4dd25a4a1ae6efdae16142581022069 Mon Sep 17 00:00:00 2001
From: "James E. Blair" <jim@acmegating.com>
Date: Sat, 20 Jan 2024 13:04:34 -0800
Subject: [PATCH] Add dark mode images for status page

The status page has two images used when drawing the branch points
on the subway map (the T and the left-to-bottom angle).  The existing
images are black on white.  Add white on transparent options and
use them when in dark mode.

Change-Id: I304619c5ffd50e0b94d164d48578f5614535895f
---
 web/src/containers/status/Item.jsx |   6 ++++--
 web/src/images/line-angle-dark.png | Bin 0 -> 629 bytes
 web/src/images/line-t-dark.png     | Bin 0 -> 4934 bytes
 3 files changed, 4 insertions(+), 2 deletions(-)
 create mode 100644 web/src/images/line-angle-dark.png
 create mode 100644 web/src/images/line-t-dark.png

diff --git a/web/src/containers/status/Item.jsx b/web/src/containers/status/Item.jsx
index 538d40a6cb..5a28c4fd28 100644
--- a/web/src/containers/status/Item.jsx
+++ b/web/src/containers/status/Item.jsx
@@ -37,6 +37,8 @@ import { fetchStatusIfNeeded } from '../../actions/status'
 
 import LineAngleImage from '../../images/line-angle.png'
 import LineTImage from '../../images/line-t.png'
+import LineAngleDarkImage from '../../images/line-angle-dark.png'
+import LineTDarkImage from '../../images/line-t-dark.png'
 import ItemPanel from './ItemPanel'
 
 function getRef(item) {
@@ -255,10 +257,10 @@ class Item extends React.Component {
   }
 
   renderLineImg(item, i) {
-    let image = LineTImage
+    let image = this.props.preferences.darkMode ? LineTDarkImage : LineTImage
     if (item._tree_branches.indexOf(i) === item._tree_branches.length - 1) {
       // Angle line
-      image = LineAngleImage
+      image = this.props.preferences.darkMode ? LineAngleDarkImage : LineAngleImage
     }
     return <img alt="Line" src={image} style={{ verticalAlign: 'baseline' }} />
   }
diff --git a/web/src/images/line-angle-dark.png b/web/src/images/line-angle-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..52377b1c06083f5270c66476189e0cc92ca3de5d
GIT binary patch
literal 629
zcmV-*0*d{KP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkvmAkP!xv$wn{}R4rWks$WWauh%X$q3Pq?8YK2xEOm6yuCJjl7
zi=*ILaPYBMb#QUk)xlK|1Ro&I4o-?LQsTKup+$@*T=MbX^Z(p?E)cAjnPzp20h(@`
zsYG1NWLL%TD*_Pco5Fz1EMrcRlJKpsd+MgTi}5V~zCWu+%~=cxh{UtZFm2)u;^|G>
z;Ji;Pu%fIIpA(OobU@-qt}7nDaW1$V<e7q*PR$bw#A2b1l{RKYQzM=vj;fkY`N53G
zD(5ZETDi)a=j1nx<n)zguG1Pq0*hFJ1Q80VD4`4+G5YJISV+-++{ZuY`XzEH<SK!Y
zV*wRtkX=9c8~mQFm7f^*k|J@S^TlyKhJo-d(5N}i_p#$NPJqxeaHY5Wl{zr<NqViN
zMUQ~qZQ$a%r73&B<qpvQWXPuMN+DXod>(i|qi4zjeYZgOnm4!RK29HiG|eh`0~{Oz
zBL&J{_qlgh``rHRY0mElose?4t2VD&00006VoOIv0RI600RN!9r;`8x010qNS#tmY
z3ljhU3ljkVnw%H_000McNliru=m8WJ036yh=i>kX02y>eSad^gZEa<4bO1wgWnpw>
zWFU8GbZ8()Nlj2!fese{002!%L_t(I%VS^|1;YXSM+KAr|Nk#Wi2?ur|Nnpa|NsA@
z<hVrO|NsA|poZN1|Np<#&^AQ$|NsA&poV0U8#|(~P^CDE@u^{=G#vo|jBS7DZWOS^
P00000NkvXXu0mjf-r^Z2

literal 0
HcmV?d00001

diff --git a/web/src/images/line-t-dark.png b/web/src/images/line-t-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bad21363eed3ceff85b939e508841d7f4442644
GIT binary patch
literal 4934
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

literal 0
HcmV?d00001