diff --git a/settings.html b/settings.html
index d93cd8f..74baf44 100644
--- a/settings.html
+++ b/settings.html
@@ -27,7 +27,7 @@
     <form id="settingsForm">
         <div class="container-fluid">
             <div class="row ms-1 me-1">
-                <label for="minValue" class="col col-form-label system charted">
+                <label class="col col-form-label system charted">
                     Minimum value:
                 </label>
                 <div class="col-2 system charted p-0">
@@ -36,13 +36,43 @@
             </div>
 
             <div class="row ms-1 me-1">
-                <label for="maxDistance" class="col col-form-label system charted">
+                <label class="col col-form-label system charted">
                     Maximum distance:
                 </label>
                 <div class="col-2 system charted p-0">
                     <input type="text" class="form-control" id="maxDistance" name="maxDistance">
                 </div>
             </div>
+
+            <div class="row ms-1 me-1">
+                <label class="col col-form-label system charted">
+                    Main color in RGB:
+                </label>
+                <div class="col-1 system charted p-0">
+                    <input type="text" class="form-control" id="color1R" name="color1R">
+                </div>
+                <div class="col-1 system charted p-0">
+                    <input type="text" class="form-control" id="color1G" name="color1G">
+                </div>
+                <div class="col-1 system charted p-0">
+                    <input type="text" class="form-control" id="color1B" name="color1B">
+                </div>
+            </div>
+
+            <div class="row ms-1 me-1">
+                <label class="col col-form-label system charted">
+                    Accent color in RGB:
+                </label>
+                <div class="col-1 system charted p-0">
+                    <input type="text" class="form-control" id="color2R" name="color2R">
+                </div>
+                <div class="col-1 system charted p-0">
+                    <input type="text" class="form-control" id="color2G" name="color2G">
+                </div>
+                <div class="col-1 system charted p-0">
+                    <input type="text" class="form-control" id="color2B" name="color2B">
+                </div>
+            </div>
         </div>
     </form>
 
diff --git a/src/models/Settings.ts b/src/models/Settings.ts
index 8ebfeb0..48ad4d6 100644
--- a/src/models/Settings.ts
+++ b/src/models/Settings.ts
@@ -19,6 +19,9 @@ export class Settings {
     minValue: number;
     maxDistance: number;
 
+    color1?: {red: number, green: number, blue: number};
+    color2?: {red: number, green: number, blue: number};
+
     private constructor(isPackaged: boolean) {
         if (!isPackaged && os.platform() === 'linux') {
             this.#file = '/mnt/c/Users/marle/ed-safari-settings.json';