Fix setting the CTFd theme color (#1482)

* Fix setting the CTFd theme color in the Admin Panel by properly getting the current theme header value

CTFd/themes/admin/assets/js/pages/configs.js

@@ -231,19 +231,25 @@ function insertTimezones(target) {
 }
 
 $(() => {
-  CodeMirror.fromTextArea(document.getElementById("theme-header"), {
+  const theme_header_editor = CodeMirror.fromTextArea(
-    lineNumbers: true,
+    document.getElementById("theme-header"),
-    lineWrapping: true,
+    {
-    mode: "htmlmixed",
+      lineNumbers: true,
-    htmlMode: true
+      lineWrapping: true,
-  });
+      mode: "htmlmixed",
+      htmlMode: true
+    }
+  );
 
-  CodeMirror.fromTextArea(document.getElementById("theme-footer"), {
+  const theme_footer_editor = CodeMirror.fromTextArea(
-    lineNumbers: true,
+    document.getElementById("theme-footer"),
-    lineWrapping: true,
+    {
-    mode: "htmlmixed",
+      lineNumbers: true,
-    htmlMode: true
+      lineWrapping: true,
-  });
+      mode: "htmlmixed",
+      htmlMode: true
+    }
+  );
 
   insertTimezones($("#start-timezone"));
   insertTimezones($("#end-timezone"));
@@ -256,7 +262,7 @@ $(() => {
   $("#import-button").click(importConfig);
   $("#config-color-update").click(function() {
     const hex_code = $("#config-color-picker").val();
-    const user_css = $("#theme-header").val();
+    const user_css = theme_header_editor.getValue();
     let new_css;
     if (user_css.length) {
       let css_vars = `theme-color: ${hex_code};`;
@@ -269,7 +275,7 @@ $(() => {
         `.jumbotron{background-color: var(--theme-color) !important;}\n` +
         `</style>\n`;
     }
-    $("#theme-header").val(new_css);
+    theme_header_editor.getDoc().setValue(new_css);
   });
 
   $(".start-date").change(function() {