Update badge colours

- Adds checkmark on idle

Author: Shrinks99

src/electron/rec-window.js

@@ -141,23 +141,23 @@ class RecWindowUI extends LitElement
         bottom: 0px;
         right: 0px;
         margin-right: -4px;
-        margin-bottom: -4px;
-        border: 1px solid black;
-        border-radius: 3px;
+        margin-bottom: -3px;
+        border: 2px solid white;
+        border-radius: 4px;
         font-size: 9px;
         color: white;
       }
 
       .overlay-idle {
-        background-color: #64e986;
+        background-color: #4D7C0F;
       }
 
       .overlay-waiting {
-        background-color: #bb9f08;
+        background-color: #C5A802;
       }
 
       .overlay-auto {
-        background-color: #3298dc;
+        background-color: #0891B2;
       }
 
     `);
@@ -202,7 +202,7 @@ class RecWindowUI extends LitElement
             ${this.recording ? html`
               ${this.autorun ? html`<span class="overlay overlay-auto"></span>` :
     !this.numPending ? html`
-                <span class="overlay overlay-idle"></span>` : html`
+                <span class="overlay overlay-idle">✓</span>` : html`
                 <span class="overlay overlay-waiting">${this.numPending}</span>
                 `}` : ""}
           </span>

src/ext/bg.js

@@ -27,7 +27,7 @@ const disabledCSPTabs = new Set();
 // ===========================================================================
 
 function main() {
-  chrome.action.setBadgeBackgroundColor({color: "#64e986"});
+  chrome.action.setBadgeBackgroundColor({color: "#4D7C0F"});
 
   chrome.contextMenus.create({"id": "toggle-rec", "title": "Start Recording", "contexts": ["browser_action"]});
   chrome.contextMenus.create({"id": "view-rec", "title": "View Web Archives", "contexts": ["all"]});

src/ext/browser-recorder.js

@@ -186,27 +186,27 @@ class BrowserRecorder extends Recorder {
     if (this.running) {
       if (this.behaviorState === BEHAVIOR_RUNNING) {
         title = "Archiving: Autopilot Running!";
-        color = "#3298dc";
-        text = " ";
+        color = "#0891B2";
+        text = "";
 
       } else if (this.numPending === 0) {
         title = "Archiving: No URLs pending, can continue";
-        color = "#64e986";
-        text = " ";
+        color = "#4D7C0F";
+        text = "✓";
 
       } else {
         title = `Archiving: ${this.numPending} URLs pending, please wait`;
-        color = "#bb9f08";
+        color = "#C5A802";
         text = "" + this.numPending;
       }
     } else if (this.failureMsg) {
       title = "Error: Can't Archive this page";
       text = "X";
-      color = "#F00";
+      color = "#D30808";
     } else {
       title = "Not Archiving";
       text = "";
-      color = "#64e986";
+      color = "#4D7C0F";
     }
 
     chrome.action.setTitle({title, tabId});