FOSS
/
BangleApps
mirror of https://github.com/espruino/BangleApps
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

keytimer - Use theme colors on timer display

pull/2884/head
Martin Boonk 2023-07-16 11:29:29 +02:00
parent 2fb27c315a
commit 903995ca70
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/keytimer/timerview.js
View File

@ -7,21 +7,25 @@ const BUTTON_ICONS = {
let common; let common;
let s = require("Storage").readJSON("setting.json");
function drawButtons() { function drawButtons() {
//Draw the backdrop //Draw the backdrop
const BAR_TOP = g.getHeight() - 24; const BAR_TOP = g.getHeight() - 24;
g.setColor(0, 0, 1).setFontAlign(0, -1) g.setBgColor(s.theme.bg2).setColor(s.theme.fg2).setFontAlign(0, -1)
.clearRect(0, BAR_TOP, g.getWidth(), g.getHeight()) .clearRect(0, BAR_TOP, g.getWidth(), g.getHeight())
.fillRect(0, BAR_TOP, g.getWidth(), g.getHeight()) .setColor(s.theme.fg2)
.setColor(1, 1, 1)
.drawLine(g.getWidth() / 2, BAR_TOP, g.getWidth() / 2, g.getHeight()) .drawLine(g.getWidth() / 2, BAR_TOP, g.getWidth() / 2, g.getHeight())
//Draw the buttons //Draw the buttons
.setColor(s.theme.fg2)
.drawImage(BUTTON_ICONS.reset, g.getWidth() / 4, BAR_TOP + 12, {rotate:0}); // rotate option centers the image .drawImage(BUTTON_ICONS.reset, g.getWidth() / 4, BAR_TOP + 12, {rotate:0}); // rotate option centers the image
if (common.running()) { if (common.running()) {
g.drawImage(BUTTON_ICONS.pause, g.getWidth() * 3 / 4, BAR_TOP + 12, {rotate:0}); g.setColor(s.theme.fg2)
.drawImage(BUTTON_ICONS.pause, g.getWidth() * 3 / 4, BAR_TOP + 12, {rotate:0});
} else { } else {
g.drawImage(BUTTON_ICONS.play, g.getWidth() * 3 / 4, BAR_TOP + 12, {rotate:0}); g.setColor(s.theme.fg2)
.drawImage(BUTTON_ICONS.play, g.getWidth() * 3 / 4, BAR_TOP + 12, {rotate:0});
} }
} }