fix: set default color scheme at first start

Ensure the default color scheme is set when the app is starting up for
the first time. Previously, the app on the Fitbit device was only
showing a black screen until the color scheme was changed within the
companion app.

companion/__tests__/settings.spec.ts

@@ -14,6 +14,7 @@ import {
   NEW_TOKEN_DEFAULT_VALUES
 } from "../ui/NewTokenFieldName"
 import { SettingsButton } from "../ui/SettingsButton"
+import { ColorSchemeName } from "../../common/ColorSchemes"
 
 describe("settings", () => {
   beforeEach(() => jest.resetAllMocks())
@@ -54,6 +55,18 @@ describe("settings", () => {
         "false"
       )
     })
+
+    it("uses default color scheme", () => {
+      const settingsStorageMock = jest.mocked(settings).settingsStorage
+      settingsStorageMock.getItem.mockImplementation(() => null)
+
+      fallbackToDefaultSettings()
+
+      expect(settingsStorageMock.setItem).toBeCalledWith(
+        SettingsButton.colorScheme,
+        JSON.stringify(ColorSchemeName.default)
+      )
+    })
   })
 
   describe("setDefaultValuesForManualTokenEntry", () => {

companion/settings.ts

@@ -1,6 +1,7 @@
 import { settingsStorage } from "settings"
 import { NEW_TOKEN_DEFAULT_VALUES } from "./ui/NewTokenFieldName"
 import { SettingsButton } from "./ui/SettingsButton"
+import { ColorSchemeName } from "../common/ColorSchemes"
 
 /**
  * Fallback to the default settings if some configuration is missing.
@@ -17,6 +18,12 @@ export function fallbackToDefaultSettings() {
   if (settingsStorage.getItem(SettingsButton.showEnlargedTokensView) === null) {
     settingsStorage.setItem(SettingsButton.showEnlargedTokensView, "false")
   }
+  if (settingsStorage.getItem(SettingsButton.colorScheme) === null) {
+    settingsStorage.setItem(
+      SettingsButton.colorScheme,
+      JSON.stringify(ColorSchemeName.default)
+    )
+  }
 }
 
 export function setDefaultValuesForManualTokenEntry() {