After upgrading to 3.4.0 our theme is no longer getting color definitions for the selected color palette. I see a CSS file that should have color definitions in it but it comes back empty when our theme is active. [Screenshot 2025-02-07 at 9.52.35 AM] So no colors get set and the background color for any popup window is transparent which makes the site unusable. We’re temporarily using the default Light theme instead as a workaround. I’ve tried everything I can think of. For example: Manually creating the color palette Uninstalling and reinstalling the theme Lots of trial and error on the live forum and a staging forum Our theme is installed from a git repo. For a brief period we got the forum to look good by restoring an old development copy of the theme (not from a git repo) but then the next time we restarted Discourse it broke again. On the staging forum when I uninstalled and reinstalled the theme that seems to have fixed it. But uninstalling and reinstalling on the live forum didn’t help. When I switch to a default theme like Light or Dark, the color palette works fine, I can see all the colors defined in that CSS file. What might cause the color definitions to come back empty for our theme? Any ideas on how to fix it?

I moved the HTML from a theme setting to directly in the hbs file and that seems to have solved the problem. I’m not sure why but Discourse 3.4.0 doesn’t like it in the theme setting.

This seems like a potential cause of the problem. Our theme has a setting that stores content for our about page. I don’t think we had an SCSS compile error before updating to Discourse 3.4.0. Maybe something changed in sass compilation and now it’s more strict? [Screenshot 2025-02-07 at 3.12.10 PM] But the problem seems to occur when Discourse starts up. If I just edit the content in that theme setting there is no SCSS error logged. If I restart Discourse, the SCSS error occurs that color definitions CSS file becomes blank again. Here is the code in the theme that uses that setting, in a hbs file. The content in the setting is just HTML. {{{theme-setting 'content_about_main'}}}

You probably need to add a helper here: {{html-safe (theme-setting 'content_about_main')}}

That sounds likely. Is there documentation about that html-safe helper anywhere so that I can see what it does? I tried googling and can’t find it.

Ahh thanks. I had been searching the handlebars documentation instead of ember.

Color palette not working for custom theme after upgrade

Product Support

RGJ (Richard - Communiteq) February 10, 2025, 5:12pm 6

Here you go https://api.emberjs.com/ember/5.12/functions/@ember%2Ftemplate/htmlSafe

Topic		Replies	Views
Just rebuilt a site and a lot of formatting is missing Product Support	6	240	March 17, 2025
Color palette settings are not being reflected Development	7	365	January 26, 2025
Custom CSS isn't applied to my Discourse Product Support	17	3238	February 5, 2021
Discourse's CSS variables aren't set Product Support	39	1668	May 8, 2023
Color palettes loading incorrectly with 2.7.0.beta5 Bug	7	1347	March 18, 2021

Color palette not working for custom theme after upgrade

Related topics