Skip to content

fix(scss): declare theme-mode-transition default at point of use#2001

Merged
markdumay merged 1 commit into
mainfrom
fix/theme-mode-transition-default
Jul 12, 2026
Merged

fix(scss): declare theme-mode-transition default at point of use#2001
markdumay merged 1 commit into
mainfrom
fix/theme-mode-transition-default

Conversation

@markdumay

Copy link
Copy Markdown
Collaborator

Summary

Child themes commonly ship their own fork of common/_variables.scss / _variables-dart.scss, which shadows hinode's copy in Hugo's union filesystem. Any variable added upstream to that file silently disappears from such themes, and the Sass compile fails with an undefined variable the moment a component references it.

This happened with $theme-mode-transition (added in 34bcd18): downstream theme-infusal broke on the v2.15.1 → v2.19.3 bump with

_navbar.scss:93:20: Undefined variable

Fix

Declare the !default at the two consuming files (common/_styles.scss, components/_navbar.scss) so the compile is self-sufficient regardless of what the child theme's variables fork contains. A fork that does define the variable still wins through !default semantics; CSS output is unchanged.

Verification

  • Development build of the exampleSite passes; stylelint/eslint/markdownlint clean.
  • Reproduced the downstream failure (theme-infusal + hinode v2.19.3) and confirmed it builds green against this branch.

🤖 Generated with Claude Code

Child themes commonly shadow common/_variables.scss with a fork, which
silently drops variables added upstream and breaks the Sass compile
with an undefined variable. Declaring the !default at the consuming
files keeps the build self-sufficient while a fork that does define
the variable still wins.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@netlify

netlify Bot commented Jul 12, 2026

Copy link
Copy Markdown

Deploy Preview for gethinode-demo ready!

Name Link
🔨 Latest commit 1f37369
🔍 Latest deploy log https://app.netlify.com/projects/gethinode-demo/deploys/6a530ee586972e000826b5fb
😎 Deploy Preview https://deploy-preview-2001--gethinode-demo.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@markdumay markdumay enabled auto-merge July 12, 2026 03:53
@markdumay markdumay merged commit 7d82b35 into main Jul 12, 2026
16 checks passed
@markdumay

Copy link
Copy Markdown
Collaborator Author

🎉 This PR is included in version 2.19.4 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@markdumay markdumay deleted the fix/theme-mode-transition-default branch July 12, 2026 03:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant