Just rebuilt a site and a lot of formatting is missing

Product Support

AI-generated summary

After rebuilding a site, merefield reported missing formatting, incorrect fonts, and menu overlay issues, suspecting a missing color_definitions.scss file. Upon checking logs, they found SCSS compilation errors due to @use "sass:color" appearing after other rules merefield. david identified the issue as related to ongoing SCSS merges across themes/plugins and linked a fix in the discourse-calendar repo david. The fix was merged, and merefield confirmed the issue was resolved after rebuilding. david also noted improvements to error detection to prevent similar issues in production.

1

The image shows the "Color palettes" settings for "Solarized Light" mode, detailing options for primary, secondary, tertiary, quaternary colors, and header background colors, as well as features such as saving and duplicating color palettes. (Captioned by AI)
The image shows the "Color palettes" settings for "Solarized Light" mode, detailing options for primary, secondary, tertiary, quaternary colors, and header background colors, as well as features such as saving and duplicating color palettes. (Captioned by AI)1119×811 24.6 KB

Menu’s are missing so much formatting they do not correctly over-lay.

The font is not arial.

Safe mode is ON.

On inspection, it looks like at least color_definitions.scss is missing …

image
image543×136 5.22 KB

… anyone know why this might happen?

I rebuilt twice just in case.

3

Can you look in /logs and see if there are any errors? We’re merging hundreds of (S)CSS formatting changes across themes/plugins right now, so it’s possibly related to that :eyes:

4

Doh, should have checked.

I see scss compilation errors (makes sense, the raw color_definitions.scss file is present in the container)

SCSS compilation error: Error: @use rules must be written before any other rules.
    ╷
151 │ @use "sass:color";
    │ ^^^^^^^^^^^^^^^^^
    ╵
  /var/www/discourse/color_definitions.scss 151:1  root stylesheet

The image displays four compilation error logs in a SCSS file due to unresolved import rules for "sass:color" before any other rules, identified at line 151. (Captioned by AI)
The image displays four compilation error logs in a SCSS file due to unresolved import rules for "sass:color" before any other rules, identified at line 151. (Captioned by AI)1150×112 11.8 KB

5

Thanks! Revert on the way: FIX: Revert colors.scss changes by davidtaylorhq · Pull Request #705 · discourse/discourse-calendar · GitHub

6

Merged, so should be good after a rebuild @merefield. Sorry for the disruption!

7

no worries, thanks for the quick reversion! :rocket:

(and balance was returned)

8

Also improving the failure mode here so that we can detect it earlier, and also identify the cause more easily if issues do reach production: DEV: Improve color-definition stylesheet failure mode by davidtaylorhq · Pull Request #31858 · discourse/discourse · GitHub