diff --git a/settings.html b/settings.html
index 24bc55a3..f4357d0d 100644
--- a/settings.html
+++ b/settings.html
@@ -14,6 +14,7 @@
     <!-- initialize my stuff -->
     <script src="/js/all.js"></script>
     <script src="/js/main.js"></script>
+		<script src="/js/widget.js"></script>
 <script src="/js/themes.js"></script>
     <script src="/js/cloaks.js"></script>
     <script src="/js/themes.js"></script>
@@ -83,21 +84,27 @@
         <label for="tabDisguise">Disguise your tab when you click off (currently only Google)</label><br>
       </div>
       <h3>Themes</h3>
+      <div class="samerow">
+        <input type="checkbox" id="bgTheme" name="bgTheme">
+        <label for="bgTheme">Background:</label><br>
+      </div>
       <div class="samerow themebtns">
         <button onclick="setTheme('main')" style="background-color: #3c096c; color: #fff; border: 5px solid #5a189a">selenite</button>
         <button onclick="setTheme('light')" style="background-color: #bbbbbb; color: #1a1a1a; border: 5px solid #e6e6e6">light mode</button>
         <button onclick="setTheme('dark')" style="background-color: #333333; color: #fff; border: 5px solid #444444">dark mode</button>
         <button onclick="setTheme('egamepass')" style="background-color: #596eb1; color: #cbe0ff; border: 5px solid #5586e0">e-gamepass</button>
         <button onclick="setTheme('cools1te')" style="background-color: #a134dc; color: #d3a4fa; border: 5px solid #b153e3">cools1te</button>
-        <button onclick="setTheme('sunset')" style="background-color: #537294; color: #fff; border: 5px solid #30719c">sunset</button>
-        <button onclick="setTheme('mountains')" style="background-color: #d37f7f; color: #fff; border: 5px solid #e28a8a">mountains</button>
-        <button onclick="setTheme('vaporwave')" style="background-color: #4b2d64; color: #fff; border: 5px solid #74568d">vaporwave</button>
+        <button onclick="setTheme('sunset' + (bgTheme.checked ? '' : 'false'))" style="background-color: #537294; color: #fff; border: 5px solid #30719c">sunset</button>
+        <button onclick="setTheme('mountains' + (bgTheme.checked ? '' : 'false'))" style="background-color: #d37f7f; color: #fff; border: 5px solid #e28a8a">mountains</button>
+        <button onclick="setTheme('vaporwave' + (bgTheme.checked ? '' : 'false'))" style="background-color: #4b2d64; color: #fff; border: 5px solid #74568d">vaporwave</button>
         <button onclick="setTheme('threekho')" style="background-color: #28A018; color: #fff; border: 5px solid #0A8F00">3kh0</button>
-        <button onclick="setTheme('bgs')" style="background-color: #553113; color: #fff; border: 5px solid #3d220c">bigfoot</button>
-        <button onclick="setTheme('seraph')" style="background-color: #000; color: #fff; border: 2px solid #fff">seraph</button>
-                <button onclick="setTheme('dogcat')" style="background-color: #537294; color: #fff; border: 5px solid #30719c">dog and cat</button>
-
-        <button onclick="setTheme('nighttime')" style="background-color: #29374d; color: #fff; border: 2px solid #fff">nighttime</button>
+        <button onclick="setTheme('bgs' + (bgTheme.checked ? '' : 'false'))" style="background-color: #553113; color: #fff; border: 5px solid #3d220c">bigfoot</button>
+        <button onclick="setTheme('seraph' + (bgTheme.checked ? '' : 'false'))" style="background-color: #000; color: #fff; border: 2px solid #fff">seraph</button>
+        <button onclick="setTheme('nighttime' + (bgTheme.checked ? '' : 'false'))" style="background-color: #29374d; color: #fff; border: 2px solid #fff">nighttime</button>
+        <button onclick="setTheme('mocha' + (bgTheme.checked ? '' : 'false'))" style="background-color: #6c7086; color: #fff; border: 2px solid #7f849c">Mocha</button>
+        <button onclick="setTheme('macchiato' + (bgTheme.checked ? '' : 'false'))" style="background-color: #6e738d; color: #fff; border: 5px solid #8087a2">Macchiato</button>
+        <button onclick="setTheme('frappe' + (bgTheme.checked ? '' : 'false'))" style="background-color: #737994; color: #cad3f5; border: 2px solid #838ba7">Frappe</button>
+        <button onclick="setTheme('latte' + (bgTheme.checked ? '' : 'false'))" style="background-color: #9ca0b0; color: #4c4f69; border: 5px solid #8c8fa1">Latte</button>
         <button onclick="customTheme()">custom</button>
       </div>
       <div id="customMenu" style="display: none;">