diff --git a/public/index.html b/public/index.html
index 924979a1e..26ddc3270 100644
--- a/public/index.html
+++ b/public/index.html
@@ -429,19 +429,19 @@
           <div class="tabContainer">
             <div tabContent="custom" class="tabContent section customTheme">
               <label class="text">background</label>
-              <input class="input colorPicker" type="color" value="#ff0000" colorVar="--bg-color">
+              <input class="input colorPicker" type="color" value="#ffffff" colorVar="--bg-color">
               <label class="text">main</label>
-              <input class="input colorPicker" type="color" value="#00ff00" colorVar="--main-color">
+              <input class="input colorPicker" type="color" value="#ffffff" colorVar="--main-color">
               <label class="text">caret</label>
-              <input class="input colorPicker" type="color" value="#ff00ff" colorVar="--caret-color">
+              <input class="input colorPicker" type="color" value="#ffffff" colorVar="--caret-color">
               <label class="text">sub</label>
-              <input class="input colorPicker" type="color" value="#0000ff" colorVar="--sub-color">
+              <input class="input colorPicker" type="color" value="#ffffff" colorVar="--sub-color">
               <label class="text">text</label>
-              <input class="input colorPicker" type="color" value="#f0f000" colorVar="--text-color">
+              <input class="input colorPicker" type="color" value="#000000" colorVar="--text-color">
               <label class="text">error</label>
-              <input class="input colorPicker" type="color" value="#f000f0" colorVar="--error-color">
+              <input class="input colorPicker" type="color" value="#ffffff" colorVar="--error-color">
               <label class="text">extra error</label>
-              <input class="input colorPicker" type="color" value="#00f0f0" colorVar="--error-extra-color">
+              <input class="input colorPicker" type="color" value="#ffffff" colorVar="--error-extra-color">
             </div>
             <div tabContent="preset" class="tabContent buttons">
             </div>
diff --git a/public/js/settings.js b/public/js/settings.js
index e8c995a08..0fe0448a9 100644
--- a/public/js/settings.js
+++ b/public/js/settings.js
@@ -477,7 +477,7 @@ $(".tab").click(e => {
         }
 })
 
-$('.colorPicker').change(e => {
+$('.colorPicker').on('input', e => {
     var $colorVar = $(e.currentTarget).attr('colorVar')
     var $pickedColor = $(e.currentTarget).val();