Skip to content

Conversation

@mdube99
Copy link

@mdube99 mdube99 commented Oct 2, 2025

This PR adds a light theme/mode for the application. The main goal of this is to have images taken from visuals within the application be more streamlined for external reports.

  • Introduce light mode themes and export customization to enhance visual appeal and readability in reports
  • Add print optimization (mainly for red team reports) and theme selection for PNG exports to ensure high-quality, context-appropriate visuals

Example screenshots:

image scorecard-crown-jewels

Motivation

The primary goal is to make application visuals more appealing within reports. Light mode provides better readability for printed materials, while the export theme options allow users to customize visuals for different contexts.

Testing

  • Verified theme switching works correctly across all components
  • Tested PNG export with different theme options

Changes

  • Theme System: Added comprehensive theme context with support for dark and light modes, including multiple color variants (Teal/Blue/Ember for dark, Neutral/Blue/Warm for light)
  • Export Enhancements: Enhanced PNG export functionality with theme selection options, allowing users to choose between current theme, light mode (print-friendly), or dark mode
    for exported visuals
  • UI Components: Updated theme toggle component to support mode switching and theme selection, with compact and full variants
  • Styling: Added CSS variables for light themes with proper contrast ratios and print media queries for optimal report output
  • Layout Integration: Wrapped application layout with ThemeProvider for global theme management

@initstring
Copy link
Owner

Hi @mdube99 - sorry for the slow reply! Just a heads up that I see this, understand the requirement for more clear exports of images, and will review this and consider options. Due to the very-new state of this, I'm being cautious with accepting PRs as I'm still figuring out how to manage this.

Thanks again for the contribution!

@initstring
Copy link
Owner

@codex please review this PR. Consider the following:

  • Any new potential security risks introduced
  • Whether the PR follows guidelines in AGENTS.md and docs/dev/STYLE.md

Also propose 1-2 alternate solutions to accomplish the goal of high quality PNG exports which can optionally include the dark background, a white background, or even a transparent PNG. In the alternate solutions, consider the smallest change possible. You don't need to write code for the alternate solutions, just summarize them along with what code will need to change.

@chatgpt-codex-connector
Copy link

Codex Review: Didn't find any major issues. More of your lovely PRs please.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting

@initstring
Copy link
Owner

Thanks again for this PR, closing in favor of: #59

@initstring initstring closed this Dec 25, 2025
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