diff --git a/README.md b/README.md index 0d898f6..a074baf 100644 --- a/README.md +++ b/README.md @@ -24,9 +24,9 @@ yarn run watch Modify settings by going to **Application** (found in the top right via `>>`) > **Local Storage**. Use Ctrl + Shift + I or Cmd + Shift + Ito open and close these Developer Tools to [access and modify these settings](https://developer.chrome.com/docs/devtools/storage/localstorage/#edit), and Ctrl + R or Cmd + R 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 Enter or Return 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", diff --git a/src/renderer.ts b/src/renderer.ts index d743416..3803a7b 100755 --- a/src/renderer.ts +++ b/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;