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:
parent
0ca3876684
commit
ab71b7a8d4
|
@ -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 |
Loading…
Reference in New Issue