Skip to content

slides: use light code block theme for projection contrast#17385

Merged
pelikhan merged 2 commits intomainfrom
copilot/update-code-color-scheme
Feb 21, 2026
Merged

slides: use light code block theme for projection contrast#17385
pelikhan merged 2 commits intomainfrom
copilot/update-code-color-scheme

Conversation

Copy link
Contributor

Copilot AI commented Feb 21, 2026

  • Update docs/slides/gh-aw-theme.css to use a lighter color scheme for code blocks:
    • Changed section pre background from dark #0d1117 to light #f6f8fa (GitHub light gray)
    • Changed section pre border from #21262d to #d0d7de
    • Added color: #1c2128 (dark near-black) to section pre for text contrast
    • Added color: #1c2128 to section code (inline code)
    • Added color: inherit to section pre code so pre-block code inherits the light theme
    • Slightly increased inline code background opacity from 0.2 to 0.3 for better visibility
  • Verified changes appear correctly in built slides HTML (confirmed background:#f6f8fa and color:#1c2128 in compiled CSS)

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

…ibility

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
Copilot AI changed the title [WIP] Update code color scheme for better visibility slides: use light code block theme for projection contrast Feb 21, 2026
Copilot AI requested a review from pelikhan February 21, 2026 04:21
@pelikhan pelikhan marked this pull request as ready for review February 21, 2026 04:22
Copilot AI review requested due to automatic review settings February 21, 2026 04:22
@pelikhan pelikhan merged commit d7da8aa into main Feb 21, 2026
@pelikhan pelikhan deleted the copilot/update-code-color-scheme branch February 21, 2026 04:22
Copilot stopped work on behalf of pelikhan due to an error February 21, 2026 04:23
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the slide theme’s code block styling to a light GitHub-like palette to improve readability/contrast when presenting on projectors.

Changes:

  • Switch section pre (code blocks) to a light background with dark foreground text and matching border color.
  • Ensure section pre code inherits the parent text color for consistent rendering on the new background.
  • Add scoped Highlight.js token color overrides to approximate GitHub Light syntax colors inside code blocks.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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.

3 participants