From a42ed1fb89e49e75159f370ce33d01516869ccc7 Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Mon, 17 Jan 2022 13:00:56 +0700
Subject: [PATCH] add a setting to config.json that allows users to set theme
 (#5584)

---
 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 e9994804568..859f15d0bc6 100644
--- a/ui/public/config.json
+++ b/ui/public/config.json
@@ -57,5 +57,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 87c5ef8ebfb..d31123fc686 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">
@@ -146,6 +146,9 @@ export default {
     isDevelopmentMode () {
       return process.env.NODE_ENV === 'development'
     },
+    allowSettingTheme () {
+      return this.$config.allowSettingTheme
+    },
     contentPaddingLeft () {
       if (!this.fixSidebar || this.isMobile()) {
         return '0'