Skip to content

Add dark mode variant of hero SVG#57

Merged
amavashev merged 1 commit intomainfrom
claude/fix-hero-image-visibility-oflM4
Mar 16, 2026
Merged

Add dark mode variant of hero SVG#57
amavashev merged 1 commit intomainfrom
claude/fix-hero-image-visibility-oflM4

Conversation

@amavashev
Copy link
Contributor

Created runcycles-hero-dark.svg with inverted colors:

  • Card fills: #F2F2F7 → #2C2C2E (dark gray)
  • Primary text: #1C1C1E → #F2F2F7 (near white)
  • Subtitle/label text: #636366 → #C7C7CC (light gray)
  • ALLOWED card bg: #E8FAF6 → #1A3A32 (dark teal)
  • BLOCKED card bg: #FFF0EE → #3A1A1A (dark red)
  • Arrow strokes brightened for dark backgrounds

Configured VitePress hero image to swap light/dark variants using the built-in { light, dark } image config.

https://claude.ai/code/session_01WcCDNp5tZVqpaNxancVdRc

Created runcycles-hero-dark.svg with inverted colors:
- Card fills: #F2F2F7 → #2C2C2E (dark gray)
- Primary text: #1C1C1E → #F2F2F7 (near white)
- Subtitle/label text: #636366 → #C7C7CC (light gray)
- ALLOWED card bg: #E8FAF6 → #1A3A32 (dark teal)
- BLOCKED card bg: #FFF0EE → #3A1A1A (dark red)
- Arrow strokes brightened for dark backgrounds

Configured VitePress hero image to swap light/dark variants
using the built-in { light, dark } image config.

https://claude.ai/code/session_01WcCDNp5tZVqpaNxancVdRc
@amavashev amavashev merged commit d482861 into main Mar 16, 2026
1 check passed
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