[Fixes #1147] Theme override styles from customization app needs some…

… improvement (#1204) (#1206)
GeoNode · Sep 15, 2022 · ca033be · ca033be
1 parent 1ed0b8a
commit ca033be
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/docs/customizations/theme.html b/docs/customizations/theme.html
@@ -536,7 +536,7 @@ <h1>GeoNode Theme</h1>
             .then(function (text) {
                 const extraLess = document.getElementById('extra-less-functions').innerText;
                 function renderLessVariables(init) {
-                    less.render(text + extraLess + ' .gn-theme { .extract-css-variables(@gn-theme-vars); }', { modifyVars: params }, function (error, output) {
+                    less.render(text + extraLess + ' :root { .extract-css-variables(@gn-theme-vars); }', { modifyVars: params }, function (error, output) {
                         document.getElementById('gn-css-variables').innerHTML = output.css;
                         textarea.innerHTML = '/* copy this style in the "Custom CSS rules" field of the theme page to apply these new variables */\n' + output.css + '';
                         if (init) {