From 4790880c1992efdbc613e9e92bf08857afd96b1f Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sun, 16 Jul 2023 16:34:15 -0700
Subject: [PATCH] fix(admin): save appearanceVariables to admin global config
 state. Fixes #3170

---
 web/components/admin/config/general/AppearanceConfig.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/components/admin/config/general/AppearanceConfig.tsx b/web/components/admin/config/general/AppearanceConfig.tsx
index 09b48055e..9cb30a8dc 100644
--- a/web/components/admin/config/general/AppearanceConfig.tsx
+++ b/web/components/admin/config/general/AppearanceConfig.tsx
@@ -123,7 +123,7 @@ const ColorCollection: FC<ColorCollectionProps> = ({ variables, updateColor }) =
 // eslint-disable-next-line react/function-component-definition
 export default function Appearance() {
   const serverStatusData = useContext(ServerStatusContext);
-  const { serverConfig } = serverStatusData;
+  const { serverConfig, setFieldInConfigState } = serverStatusData;
   const { instanceDetails } = serverConfig;
   const { appearanceVariables } = instanceDetails;
 
@@ -202,6 +202,12 @@ export default function Appearance() {
       onSuccess: () => {
         setSubmitStatus(createInputStatus(STATUS_SUCCESS, 'Updated.'));
         resetTimer = setTimeout(resetStates, RESET_TIMEOUT);
+
+        setFieldInConfigState({
+          fieldName: 'appearanceVariables',
+          value: c,
+          path: 'instanceDetails',
+        });
       },
       onError: (message: string) => {
         setSubmitStatus(createInputStatus(STATUS_ERROR, message));