chore: improve color picker format

README.md

@@ -24,9 +24,9 @@ yarn run watch
 Modify settings by going to **Application** (found in the top right via `>>`) > **Local Storage**. Use <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> or <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd>to open and close these Developer Tools to [access and modify these settings](https://developer.chrome.com/docs/devtools/storage/localstorage/#edit), and <kbd>Ctrl</kbd> + <kbd>R</kbd> or <kbd>Cmd</kbd> + <kbd>R</kbd> to refresh the app to use your newly selected settings. If no settings appear on the first run of the application, you can manually add them), following the format of the `storedValues` variable in [`/src/renderer.ts`](https://github.com/peterklingelhofer/exhale/blob/main/src/renderer.ts). To add them manually, go to the **Console** and copy paste the following code into the console and press <kbd>Enter</kbd> or <kbd>Return</kbd> to populate your `localStorage` (these are the defaults as of the time of writing):
 ```js
 localStorage = {
-  colorExhale: "rgba(168,50,150,1)",
-  colorInhale: "rgba(0,221,255,1)",
-  colorPause: "rgba(0,221,255,1)",
+  colorExhale: "rgb(168, 50, 150)",
+  colorInhale: "rgb(0, 221, 255)",
+  colorPause: "rgb(0, 221, 255)",
   durationExhale: "10",
   durationInhale: "5",
   durationPostExhale: "0",

src/renderer.ts

@@ -38,9 +38,9 @@ const storedValues: {
   durationPostInhale: number;
   opacity: number;
 } = {
-  colorExhale: localStorage.colorExhale || "rgba(168,50,150,1)",
-  colorInhale: localStorage.colorInhale || "rgba(0,221,255,1)",
-  colorPause: localStorage.colorPause || "rgba(0,221,255,1)",
+  colorExhale: localStorage.colorExhale || "rgb(168, 50, 150)",
+  colorInhale: localStorage.colorInhale || "rgb(0, 221, 255)",
+  colorPause: localStorage.colorPause || "rgb(0, 221, 255)",
   durationExhale: +localStorage.durationExhale || 10,
   durationInhale: +localStorage.durationInhale || 5,
   durationPostExhale: +localStorage.durationPostExhale || 0,
@@ -63,7 +63,7 @@ let state = State.INHALE;
 let startFrame = 0;
 let endFrame = 0;
 let radius = 0;
-let color: Color = "black";
+let color: Color = colorInhale;
 
 let canvasWidth = window.innerWidth;
 let canvasHeight = window.innerHeight;