Use unicode U+2236 for time

src/buttons.js

@@ -165,7 +165,7 @@ class ClapperElapsedTimeButton extends PopoverButtonBase
 
     setInitialState()
     {
-        this.label = '00:00/00:00';
+        this.label = '00∶00/00∶00';
     }
 
     setFullscreenMode(isFullscreen, isMobileMonitor)

src/controls.js

@@ -7,8 +7,6 @@ const Revealers = imports.src.revealers;
 const { debug } = Debug;
 const { settings } = Misc;
 
-const INITIAL_ELAPSED = '00:00/00:00';
-
 var Controls = GObject.registerClass({
     GTypeName: 'ClapperControls',
 },
@@ -29,7 +27,7 @@ class ClapperControls extends Gtk.Box
         this.isMobile = false;
 
         this.showHours = false;
-        this.durationFormatted = '00:00';
+        this.durationFormatted = '00∶00';
         this.revealersArr = [];
         this.chapters = null;
 

src/misc.js

@@ -161,8 +161,8 @@ function getFormattedTime(time, showHours)
     time -= minutes * 60;
     const seconds = ('0' + Math.floor(time)).slice(-2);
 
-    const parsed = (hours) ? `${hours}:` : '';
-    return parsed + `${minutes}:${seconds}`;
+    const parsed = (hours) ? `${hours}∶` : '';
+    return parsed + `${minutes}∶${seconds}`;
 }
 
 function parsePlaylistFiles(filesArray)

src/revealers.js

@@ -59,8 +59,8 @@ class ClapperRevealerTop extends CustomRevealer
 
         const initTime = GLib.DateTime.new_now_local().format('%X');
         this.timeFormat = (initTime.length > 8)
-            ? '%I:%M %p'
-            : '%H:%M';
+            ? '%I∶%M %p'
+            : '%H∶%M';
 
         this.mediaTitle = new Gtk.Label({
             ellipsize: Pango.EllipsizeMode.END,