From ce32b9509c3a5c7bdb12f0b395f89f37981c5666 Mon Sep 17 00:00:00 2001
From: utchoang <hoangnm@unitech.vn>
Date: Mon, 18 Oct 2021 08:51:29 +0700
Subject: [PATCH] add a setting to config.json that allows users to set theme

---
 ui/public/config.json                   | 1 +
 ui/src/components/page/GlobalLayout.vue | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/public/config.json b/ui/public/config.json
index 6c134087101b..0529d704c47e 100644
--- a/ui/public/config.json
+++ b/ui/public/config.json
@@ -56,5 +56,6 @@
   "plugins": [],
   "basicZoneEnabled": true,
   "multipleServer": false,
+  "allowSettingTheme": true,
   "docHelpMappings": {}
 }
diff --git a/ui/src/components/page/GlobalLayout.vue b/ui/src/components/page/GlobalLayout.vue
index 3eac55a109c7..634b8b4c05c3 100644
--- a/ui/src/components/page/GlobalLayout.vue
+++ b/ui/src/components/page/GlobalLayout.vue
@@ -65,7 +65,7 @@
         </a-drawer>
       </template>
 
-      <template v-if="isDevelopmentMode">
+      <template v-if="isDevelopmentMode || allowSettingTheme">
         <drawer :visible="showSetting" placement="right">
           <div slot="handler">
             <a-button type="primary" size="large">
@@ -138,6 +138,9 @@ export default {
     isDevelopmentMode () {
       return process.env.NODE_ENV === 'development'
     },
+    allowSettingTheme () {
+      return this.$config.allowSettingTheme
+    },
     contentPaddingLeft () {
       if (!this.fixSidebar || this.isMobile()) {
         return '0'