Disable primary & secondary color theme controls when hot pink theme …

…is enabled
kommunarr · Aug 28, 2023 · a93a3e7 · a93a3e7
1 parent 0018ddf
commit a93a3e7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/renderer/components/theme-settings/theme-settings.js b/src/renderer/components/theme-settings/theme-settings.js
@@ -117,6 +117,11 @@ export default defineComponent({
         return this.$t(`Settings.Theme Settings.Main Color Theme.${colorName}`)
       })
     },
+
+    areColorThemesEnabled: function() {
+      return this.baseTheme !== 'hotPink'
+    },
+
     usingElectron: function () {
       return process.env.IS_ELECTRON
     }

diff --git a/src/renderer/components/theme-settings/theme-settings.vue b/src/renderer/components/theme-settings/theme-settings.vue
@@ -64,13 +64,15 @@
         :value="mainColor"
         :select-names="colorNames"
         :select-values="colorValues"
+        :disabled="!areColorThemesEnabled"
         @change="updateMainColor"
       />
       <ft-select
         :placeholder="$t('Settings.Theme Settings.Secondary Color Theme')"
         :value="secColor"
         :select-names="colorNames"
         :select-values="colorValues"
+        :disabled="!areColorThemesEnabled"
         @change="updateSecColor"
       />
     </ft-flex-box>