diff --git a/templates/index.html b/templates/index.html
index 51b85c4..fead59a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -477,6 +477,19 @@
                 <option {%if clock_screensaver.clock1.timezone == 'Etc/GMT-13' %} selected {% endif %}>Etc/GMT-13</option>
                 <option {%if clock_screensaver.clock1.timezone == 'Etc/GMT-14' %} selected {% endif %}>Etc/GMT-14</option>
               </select><br>
+              Brightness
+              <select class="form-select screensaver-select" id="clock1-brightness">
+                <option {%if clock_screensaver.clock1.brightness == '1' %} selected {% endif %}>1</option>
+                <option {%if clock_screensaver.clock1.brightness == '2' %} selected {% endif %}>2</option>
+                <option {%if clock_screensaver.clock1.brightness == '3' %} selected {% endif %}>3</option>
+                <option {%if clock_screensaver.clock1.brightness == '4' %} selected {% endif %}>4</option>
+                <option {%if clock_screensaver.clock1.brightness == '5' %} selected {% endif %}>5</option>
+                <option {%if clock_screensaver.clock1.brightness == '6' %} selected {% endif %}>6</option>
+                <option {%if clock_screensaver.clock1.brightness == '7' %} selected {% endif %}>7</option>
+                <option {%if clock_screensaver.clock1.brightness == '8' %} selected {% endif %}>8</option>
+                <option {%if clock_screensaver.clock1.brightness == '9' %} selected {% endif %}>9</option>
+                <option {%if clock_screensaver.clock1.brightness == '10' %} selected {% endif %}>10</option>
+              </select><br>
               <label for="inputTransitionZ" class="col-form-label">PM/AM</label>
               <input class="screensaver-hour-select" type="checkbox" value="" id="clock1-displaypm"
               {% if clock_screensaver.clock1['display_pm'] %} checked {%endif%}/>
@@ -552,6 +565,19 @@
                 <option {%if clock_screensaver.clock2.timezone == 'Etc/GMT-13' %} selected {% endif %}>Etc/GMT-13</option>
                 <option {%if clock_screensaver.clock2.timezone == 'Etc/GMT-14' %} selected {% endif %}>Etc/GMT-14</option>
               </select><br>
+              Brightness
+              <select class="form-select screensaver-select" id="clock2-brightness">
+                <option {%if clock_screensaver.clock2.brightness == '1' %} selected {% endif %}>1</option>
+                <option {%if clock_screensaver.clock2.brightness == '2' %} selected {% endif %}>2</option>
+                <option {%if clock_screensaver.clock2.brightness == '3' %} selected {% endif %}>3</option>
+                <option {%if clock_screensaver.clock2.brightness == '4' %} selected {% endif %}>4</option>
+                <option {%if clock_screensaver.clock2.brightness == '5' %} selected {% endif %}>5</option>
+                <option {%if clock_screensaver.clock2.brightness == '6' %} selected {% endif %}>6</option>
+                <option {%if clock_screensaver.clock2.brightness == '7' %} selected {% endif %}>7</option>
+                <option {%if clock_screensaver.clock2.brightness == '8' %} selected {% endif %}>8</option>
+                <option {%if clock_screensaver.clock2.brightness == '9' %} selected {% endif %}>9</option>
+                <option {%if clock_screensaver.clock2.brightness == '10' %} selected {% endif %}>10</option>
+              </select><br>
               <label for="inputTransitionZ" class="col-form-label">PM/AM</label>
               <input class="screensaver-hour-select" type="checkbox" value="" id="clock2-displaypm"
               {% if clock_screensaver.clock2['display_pm'] %} checked {%endif%}/>
@@ -578,6 +604,19 @@
                 <option {%if clock_screensaver.world_clock.city_color == 'Gray' %} selected {% endif %}>Gray</option>
                 <option {%if clock_screensaver.world_clock.city_color == 'Cyan' %} selected {% endif %}>Cyan</option>
               </select><br>
+              Brightness
+              <select class="form-select screensaver-select" id="worldclock-brightness">
+                <option {%if clock_screensaver.world_clock.brightness == '1' %} selected {% endif %}>1</option>
+                <option {%if clock_screensaver.world_clock.brightness == '2' %} selected {% endif %}>2</option>
+                <option {%if clock_screensaver.world_clock.brightness == '3' %} selected {% endif %}>3</option>
+                <option {%if clock_screensaver.world_clock.brightness == '4' %} selected {% endif %}>4</option>
+                <option {%if clock_screensaver.world_clock.brightness == '5' %} selected {% endif %}>5</option>
+                <option {%if clock_screensaver.world_clock.brightness == '6' %} selected {% endif %}>6</option>
+                <option {%if clock_screensaver.world_clock.brightness == '7' %} selected {% endif %}>7</option>
+                <option {%if clock_screensaver.world_clock.brightness == '8' %} selected {% endif %}>8</option>
+                <option {%if clock_screensaver.world_clock.brightness == '9' %} selected {% endif %}>9</option>
+                <option {%if clock_screensaver.world_clock.brightness == '10' %} selected {% endif %}>10</option>
+              </select><br>
               <label for="inputTransitionZ" class="col-form-label">PM/AM</label>
               <input class="screensaver-hour-select" type="checkbox" value="" id="worldclock-displaypm"
               {% if clock_screensaver.world_clock['display_pm'] %} checked {%endif%}/>