diff --git a/README.md b/README.md
index 467bbbb..139ae56 100644
--- a/README.md
+++ b/README.md
@@ -14,9 +14,9 @@ This is a simple clock face for Fitbit.
 It comes with
 - time (12/24hr format), date (including weekday)
 - languages: de-DE, en-EN
-- battery icon with status in percentage
+- battery icon (Ionic: and status in percentage)
 - next calendar event of the current day
-- user activity in case of no events
+- user activity in case of no events (selectable in settings menu)
 
 Find the latest published version in the [Fitbit gallery](https://gallery.fitbit.com/details/ae441b73-2660-407f-b796-a98d1d0583a0).
 
@@ -34,6 +34,10 @@ Icons are from https://materialdesignicons.com/ ([Apache license version 2.0](ht
 
 ![Versa 2 Appointment](screenshots/versa2-event.png) ![Versa 2 Activity](screenshots/versa2-activity.png)
 
+### Settings
+
+![Settings](screenshots/settings.png)
+
 ## How to build
 
 ```
diff --git a/common/utils.js b/common/utils.js
index 70214d3..a6bd3cb 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -20,6 +20,18 @@ export function dayString(day) {
   else if (day == 3) {
     return "3rd"
   }
+  if (day == 21) {
+    return "21st"
+  }
+  else if (day == 22) {
+    return "22nd"
+  }
+  else if (day == 23) {
+    return "23rd"
+  }
+  if (day == 31) {
+    return "31st"
+  }
   return day.toString() + "th";
 }
 
diff --git a/resources/index.gui b/resources/index.gui
index 88d4048..a59860b 100644
--- a/resources/index.gui
+++ b/resources/index.gui
@@ -1,10 +1,10 @@
 <svg class="background">
   <text id="hourLabel" />
   <text id="minuteLabel" />
-  <text id="dateLabel" opacity=".75" />
-  <textarea id="appointmentsLabel" opacity=".75" />
+  <text id="dateLabel" opacity=".8" />
+  <textarea id="appointmentsLabel" opacity=".8" />
   <image id="batteryImage" href="battery-alert.png" x="275" y="5" width="24" height="24" opacity=".6" class="batteryIcon" />
-  <text id="batteryLabel" opacity=".75" />
-  <image id="activityIcon" href="steps.png" x="35%" y="80%" width="32" height="32" opacity=".75" class="activityIcon" />
-  <text id="activityLabel" opacity=".75" />
+  <text id="batteryLabel" opacity=".8" />
+  <image id="activityIcon" href="steps.png" x="35%" y="80%" width="32" height="32" opacity=".8" class="activityIcon" />
+  <text id="activityLabel" opacity=".8" />
 </svg>
\ No newline at end of file
diff --git a/screenshots/ionic-activity.png b/screenshots/ionic-activity.png
index c6563b4..605b57a 100644
--- a/screenshots/ionic-activity.png
+++ b/screenshots/ionic-activity.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9cbe19064048831360880e7cc2f93fef7e0a759bdb7dd2da465458a837e98a16
-size 15793
+oid sha256:15435c99f29d70d32e7921cb4e4ff7e830c59764f2d2d04ee04fdd576cd6e680
+size 16407
diff --git a/screenshots/ionic-event.png b/screenshots/ionic-event.png
index 61244b7..1bcd5bf 100644
--- a/screenshots/ionic-event.png
+++ b/screenshots/ionic-event.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f13396f058417741359209bd0f5554d62b01db034030319357a22c5d141afaed
-size 18918
+oid sha256:21f9b423c41831c2d8ec09d8974547c3a3ab0601986ddd55931b22b4a51343ac
+size 20460
diff --git a/screenshots/versa2-activity.png b/screenshots/versa2-activity.png
index dfec7d8..e03ade9 100644
--- a/screenshots/versa2-activity.png
+++ b/screenshots/versa2-activity.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:665d530932af57251f015ffdf3e6f5605e247ea12266316cf2edaa8d870bd344
-size 14062
+oid sha256:909404a70880753b0dbad08f1b17f7f4a1b46a358182eddf3c1563f9298d283a
+size 15167
diff --git a/screenshots/versa2-event.png b/screenshots/versa2-event.png
index b9a18dd..d75d5db 100644
--- a/screenshots/versa2-event.png
+++ b/screenshots/versa2-event.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d40d939740824bbc7aeeca72d47b9dcec137d25fe7dd5d6645bd0e37a634b32d
-size 17956
+oid sha256:20d0e595236fce614838bb1b8d8d6ee944deb15104b604831d4d317586dac443
+size 18608