[PR #23542] Fixes #23536 #30297

Closed
opened 2026-02-21 20:47:13 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/23542

State: closed
Merged: Yes


Describe

Fix https://github.com/langgenius/dify/issues/23536

Summary

This PR removes redundant @use imports from markdown.scss that were reintroducing theme variables (light, dark, markdown-light, markdown-dark) and unintentionally overriding variables defined in manual-light.css and manual-dark.css.

Changes

  • Removed @use statements from markdown.scss that imported global theme modules
  • Ensured that manual theme variables defined in global.css take precedence

Reason

Due to the load order, markdown.scss was emitting :root variable definitions after manual-*.css, causing manual overrides to be ignored. Removing the imports resolves this issue.

Impact

  • Manual theme variable overrides (e.g. colors, spacing) now work as expected
  • No functional loss, assuming variables are already defined globally via globals.css

Notes

If further theming is needed in markdown.scss, consider importing only mixins or variables locally, not emitting :root rules again.

Checklist

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods
**Original Pull Request:** https://github.com/langgenius/dify/pull/23542 **State:** closed **Merged:** Yes --- ## Describe Fix https://github.com/langgenius/dify/issues/23536 ### Summary This PR removes redundant `@use` imports from `markdown.scss` that were reintroducing theme variables (`light`, `dark`, `markdown-light`, `markdown-dark`) and unintentionally overriding variables defined in `manual-light.css` and `manual-dark.css`. ### Changes - Removed `@use` statements from `markdown.scss` that imported global theme modules - Ensured that manual theme variables defined in `global.css` take precedence ### Reason Due to the load order, `markdown.scss` was emitting `:root` variable definitions after `manual-*.css`, causing manual overrides to be ignored. Removing the imports resolves this issue. ### Impact - Manual theme variable overrides (e.g. colors, spacing) now work as expected - No functional loss, assuming variables are already defined globally via `globals.css` ### Notes If further theming is needed in `markdown.scss`, consider importing only mixins or variables locally, not emitting `:root` rules again. ## Checklist - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `dev/reformat`(backend) and `cd web && npx lint-staged`(frontend) to appease the lint gods
yindo added the pull-request label 2026-02-21 20:47:13 -05:00
yindo closed this issue 2026-02-21 20:47:14 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#30297