Skip to content

Fix notebook preview title contrast across themes - #15315

Open
SabyaXSachi wants to merge 1 commit into
quarto-dev:mainfrom
SabyaXSachi:fix/notebook-preview-heading-color
Open

SabyaXSachi wants to merge 1 commit into
quarto-dev:mainfrom
SabyaXSachi:fix/notebook-preview-heading-color

Conversation

@SabyaXSachi

Copy link
Copy Markdown

Description

This PR fixes the notebook preview title's text color across different Bootstrap themes.

Previously, custom theme heading colors could override the notebook preview title color, making it difficult to read against the primary-colored header.

Changes made

  • Added color: inherit to #quarto-embed-header h6.
  • Updated the header class from bg-primary to text-bg-primary.
  • Added Playwright tests for:
    • Default theme
    • Lux theme with custom dark heading color
    • Theme with custom light heading color
    • Cerulean theme

Testing

  • Chromium: 8 tests passed.
  • Firefox and WebKit: Browser executables were unavailable locally.

@posit-snyk-bot

posit-snyk-bot commented Nov 7, 2026 •

Copy link
Copy Markdown
Collaborator

✅ Snyk checks have passed. No issues have been found so far.

Status Scan Engine Critical High Medium Low Total (0)
✅ Open Source Security 0 0 0 0 0 issues
✅ Licenses 0 0 0 0 0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants