From 79db8ba05d22c06746c1e1f0175e698c0fea77bd Mon Sep 17 00:00:00 2001 From: David Peer Date: Sat, 2 Apr 2022 15:59:44 +0200 Subject: [PATCH] V0.03 - Use theme of bangle. --- apps/bwclk/ChangeLog | 5 +++-- apps/bwclk/README.md | 14 +++++++++++--- apps/bwclk/app.js | 12 +++++++----- apps/bwclk/metadata.json | 2 +- apps/bwclk/screenshot_3.png | Bin 0 -> 3005 bytes 5 files changed, 22 insertions(+), 11 deletions(-) create mode 100644 apps/bwclk/screenshot_3.png diff --git a/apps/bwclk/ChangeLog b/apps/bwclk/ChangeLog index 1e1f155bb..ce0443d4b 100644 --- a/apps/bwclk/ChangeLog +++ b/apps/bwclk/ChangeLog @@ -1,2 +1,3 @@ -0.01: New App! -0.02: Use build in function for steps and other improvements. \ No newline at end of file +0.01: New App. +0.02: Use build in function for steps and other improvements. +0.03: Adapt colors based on the theme of the user. \ No newline at end of file diff --git a/apps/bwclk/README.md b/apps/bwclk/README.md index 83e4e97dd..62df9a2d9 100644 --- a/apps/bwclk/README.md +++ b/apps/bwclk/README.md @@ -2,15 +2,23 @@ ![](screenshot.png) - +## Fullscreen mode In the settings, fullscreen mode can be enabled and disabled: ![](screenshot_2.png) -Additionally, in fullscreen mode a lock icon can be shown... -If you installed the "alarm" app, you can directly set a timer. Simply tab at + +## Custom theme +If you switch the light/dark theme on your bangle, the design changes accordingly: + +![](screenshot_3.png) + +## Other features +- Lock icon: Show lock icon in fullscreen mode +- Timer: If you installed the "alarm" app, you can directly set a timer. Simply tab at top / bottom of the screen. + ## Thanks to Lock icons created by Those Icons - Flaticon diff --git a/apps/bwclk/app.js b/apps/bwclk/app.js index 7437293ae..91eddc468 100644 --- a/apps/bwclk/app.js +++ b/apps/bwclk/app.js @@ -138,13 +138,13 @@ function draw() { var yOffset = settings.fullscreen ? 0 : 10; var y = H/5*2 + yOffset; g.reset().clearRect(0,0,W,W); - g.setColor("#000"); + g.setColor(g.theme.fg); g.fillRect(0,y,W,H); // Draw date y -= settings.fullscreen ? 5 : 0; var date = new Date(); - g.setColor("#000"); + g.setColor(g.theme.fg); g.setFontAlign(1,1); g.setLargeFont(); var dateStr = date.getDate(); @@ -157,7 +157,7 @@ function draw() { g.drawString(locale.month(date, 1), W/2 + 10, y+1); // Draw time - g.setColor("#fff"); + g.setColor(g.theme.bg); g.setLargeFont(); g.setFontAlign(0,-1); var timeStr = locale.time(date,1); @@ -174,7 +174,7 @@ function draw() { // Draw lock if(settings.showLock && Bangle.isLocked()){ - g.setColor("#000"); + g.setColor(g.theme.bg); g.drawImage(imgLock, 2, 2); } @@ -189,7 +189,9 @@ function draw() { Bangle.loadWidgets(); // Clear the screen once, at startup -g.setTheme({bg:"#fff",fg:"#000",dark:false}).clear(); +var bgOrig = g.theme.bg +var fgOrig = g.theme.fg +g.setTheme({bg:fgOrig,fg:bgOrig}).clear(); // draw immediately at first, queue update draw(); diff --git a/apps/bwclk/metadata.json b/apps/bwclk/metadata.json index 3fe04c4d5..366622eeb 100644 --- a/apps/bwclk/metadata.json +++ b/apps/bwclk/metadata.json @@ -1,7 +1,7 @@ { "id": "bwclk", "name": "BlackWhite Clock", - "version": "0.02", + "version": "0.03", "description": "Black and white clock.", "readme": "README.md", "icon": "app.png", diff --git a/apps/bwclk/screenshot_3.png b/apps/bwclk/screenshot_3.png new file mode 100644 index 0000000000000000000000000000000000000000..6cfb5efe87cbeb9cc01bff74ac63ec7794b98e45 GIT binary patch literal 3005 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 literal 0 HcmV?d00001