diff --git a/pages/sitesettings.php b/pages/sitesettings.php
index 36f772d..85813fa 100644
--- a/pages/sitesettings.php
+++ b/pages/sitesettings.php
@@ -135,7 +135,7 @@ if (!is_empty($VARS['siteid'])) {
                                                     <div class="list-group-item">
                                                         <div class="d-flex justify-content-between">
                                                             <div class="form-check form-check-inline">
-                                                                <input class="form-check-input" type="radio" name="color" id="color_<?php echo $t; ?>_<?php echo $c; ?>" value="<?php echo $c; ?>" <?php echo $checked; ?>>
+                                                                <input class="form-check-input" type="radio" name="color" id="color_<?php echo $t; ?>_<?php echo $c; ?>" value="<?php echo $c; ?>" data-theme="<?php echo $t; ?>" <?php echo $checked; ?>>
                                                                 <label class="form-check-label" for="color_<?php echo $t; ?>_<?php echo $c; ?>">
                                                                     <b><?php echo $color["title"]; ?></b>
                                                                 </label>
diff --git a/static/js/sitesettings.js b/static/js/sitesettings.js
index 7e3b16d..e5fa54f 100644
--- a/static/js/sitesettings.js
+++ b/static/js/sitesettings.js
@@ -4,4 +4,9 @@
 
 $('#name').on('input propertychange paste', function () {
     $('#name_title').text($('#name').val());
+});
+
+$("input[type=radio][name=color]").change(function () {
+    var theme = $(this).data("theme");
+    $("input[type=radio][name=theme][value=" + theme + "]").prop("checked", true);
 });
\ No newline at end of file