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
This commit is contained in:
James E. Blair 2024-01-20 13:04:34 -08:00
parent 0ca3876684
commit ab71b7a8d4
3 changed files with 4 additions and 2 deletions

View File

@ -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' }} />
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 629 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB