-
Notifications
You must be signed in to change notification settings - Fork 240
Add stylesheet for light/dark mode code syntax highlighting #1524
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Add stylesheet for light/dark mode code syntax highlighting #1524
Conversation
for more information, see https://pre-commit.ci
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull request overview
This PR adds a new CSS stylesheet for code syntax highlighting using highlight.js, providing Vizro-styled colors that work in both light and dark themes. Additionally, the PR adds a new contributor to the authors list.
Key changes:
- New
highlightjs.cssfile implementing syntax highlighting color schemes using CSS variables - Addition of "Ben Horsburgh" to the contributors list in authors.md
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 10 comments.
| File | Description |
|---|---|
| vizro-core/src/vizro/static/css/highlightjs.css | New CSS file defining color scheme for highlight.js syntax highlighting with Vizro theme variables |
| vizro-core/docs/pages/explanation/authors.md | Added new contributor Ben Horsburgh to the contributors list |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Description
Addition of a new
highlightjs.cssstylesheet that provides Vizro-styled syntax highlighting in both light and dark mode.Fixes #1525
Screenshot
Light mode
Dark mode
Notice
I acknowledge and agree that, by checking this box and clicking "Submit Pull Request":