diff --git a/public/index.html b/public/index.html
index 30ba5913b..3f91b4247 100644
--- a/public/index.html
+++ b/public/index.html
@@ -999,41 +999,41 @@
             <div tabContent="custom" class="tabContent section customTheme">
               <label class="text">background</label>
               <span class="colorPicker">
-                <label for="--bg-color">#e2b714</label>
-                <input type="color" value="" id="--bg-color">
+                <label for="--bg-color">#000000</label>
+                <input type="color" value="#000000" id="--bg-color">
               </span>
               <label class="text">main</label>
               <span class="colorPicker">
-                <label for="--main-color">#e2b714</label>
-                <input type="color" value="" id="--main-color">
+                <label for="--main-color">#000000</label>
+                <input type="color" value="#000000" id="--main-color">
               </span>
               <label class="text">caret</label>
               <span class="colorPicker">
-                <label for="--caret-color">#e2b714</label>
-                <input type="color" value="" id="--caret-color">
+                <label for="--caret-color">#000000</label>
+                <input type="color" value="#000000" id="--caret-color">
               </span>
               <label class="text">sub</label>
               <span class="colorPicker">
-                <label for="--sub-color">#e2b714</label>
-                <input type="color" value="" id="--sub-color">
+                <label for="--sub-color">#000000</label>
+                <input type="color" value="#000000" id="--sub-color">
               </span>
               <label class="text">text</label>
               <span class="colorPicker">
-                <label for="--text-color">#e2b714</label>
-                <input type="color" value="" id="--text-color">
+                <label for="--text-color">#000000</label>
+                <input type="color" value="#000000" id="--text-color">
               </span>
 
               <span class="spacer"></span>
 
               <label class="text">error</label>
               <span class="colorPicker">
-                <label for="--error-color">#e2b714</label>
-                <input type="color" value="" id="--error-color">
+                <label for="--error-color">#000000</label>
+                <input type="color" value="#000000" id="--error-color">
               </span>
               <label class="text">extra error</label>
               <span class="colorPicker">
-                <label for="--error-extra-color">#e2b714</label>
-                <input type="color" value="" id="--error-extra-color">
+                <label for="--error-extra-color">#000000</label>
+                <input type="color" value="#000000" id="--error-extra-color">
               </span>
 
               <p>colorful mode</p>
@@ -1041,14 +1041,14 @@
               <label class="text">error</label>
               <span class="colorPicker">
                 <!-- Change variable names here -->
-                <label for="--colorful-error-color">#e2b714</label>
-                <input type="color" value="" id="--colorful-error-color">
+                <label for="--colorful-error-color">#000000</label>
+                <input type="color" value="#000000" id="--colorful-error-color">
               </span>
               <label class="text">extra error</label>
               <span class="colorPicker">
                 <!-- Change variable names here -->
-                <label for="--colorful-error-extra-color">#e2b714</label>
-                <input type="color" value="" id="--colorful-error-extra-color">
+                <label for="--colorful-error-extra-color">#000000</label>
+                <input type="color" value="#000000" id="--colorful-error-extra-color">
               </span>
               <div style="grid-column: 3/5;display:grid;gap:1rem;grid-auto-flow: column;">
                 <div class="button" id="shareCustomThemeButton">share</div>