Merge pull request #17583 from ElectronicBlueberry/theme-selector-res…

…et-vars Apply default theme to theme selector
galaxyproject · Mar 4, 2024 · db98eb4 · db98eb4
2 parents d02c11a + 955d7ec
commit db98eb4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/client/src/components/User/ThemeSelector.vue b/client/src/components/User/ThemeSelector.vue
@@ -35,7 +35,7 @@ watch(
 </script>
 
 <template>
-    <b-card :show="show" class="mr-3 overflow-auto">
+    <b-card :show="show" class="mr-3 overflow-auto reset-theme-variables">
         <b-form-radio-group v-model="currentValue">
             <b-form-radio
                 v-for="(themeDetails, theme, index) in config.themes"

diff --git a/client/src/style/scss/custom_theme_variables.scss b/client/src/style/scss/custom_theme_variables.scss
@@ -1,6 +1,7 @@
 @import "theme/blue.scss";
 
-html {
+html,
+.reset-theme-variables {
     --masthead-color: #{$masthead-color};
     --masthead-text-color: #{$masthead-text-color};
     --masthead-text-hover: #{$masthead-text-hover};