[workshop-ui-screenshots] Add theme-aware SVG screenshots for 3 workshop images

Workshop UI Screenshot Generator · pull request · closed

Filter2mode:review mode:live
All recorded Export JSON
github-actions[bot]

published Jul 25, 2026, 3:09 AM · updated Jul 25, 2026, 3:18 AM

Summary

This PR adds light/dark SVG pairs and updates Markdown to use GitHub's theme-aware <picture> pattern for three GitHub UI workshop images.

Generated light/dark pairs

Stem Light Dark Change type
08-run-workflow-confirm-dropdown 08-run-workflow-confirm-dropdown-light.svg 08-run-workflow-confirm-dropdown-dark.svg Migrates existing single-theme image
00-workflow-run-complete 00-workflow-run-complete-light.svg 00-workflow-run-complete-dark.svg Migrates existing single-theme image
08-run-lifecycle 08-run-lifecycle-light.svg 08-run-lifecycle-dark.svg Migrates existing single-theme diagram

Markdown files updated

  • workshop/00-welcome.md — replaced plain image ref for 00-workflow-run-complete.svg
  • workshop/08-run-your-workflow.md — replaced two plain image refs (confirm dropdown and lifecycle diagram)

QA

  • All 6 SVGs are valid, well-formed XML (verified with ElementTree)
  • Playwright currentSrc check confirmed correct variant selected for each color scheme on all three <picture> blocks
  • viewBox="0 0 1200 560", role="img", and aria-label present on all generated SVGs
  • Annotation labels at 24px within canvas bounds

Note

These are AI-generated conceptual illustrations of GitHub UI elements. Maintainers should replace them with real screenshots when available.

Warning

Firewall blocked 12 domains

The following domains were blocked by the firewall during workflow execution:

  • accounts.google.com
  • android.clients.google.com
  • awmgmcpg
  • clients2.google.com
  • clientservices.googleapis.com
  • host.docker.internal
  • optimizationguidepa.googleapis.com
  • redirector.gvt1.com
  • safebrowsingohttpgateway.googleapis.com
  • storage.googleapis.com
  • update.googleapis.com
  • www.google.com

To allow these domains, add them to the network.allowed list in your workflow frontmatter:

network:
  allowed:
    - defaults
    - "accounts.google.com"
    - "android.clients.google.com"
    - "awmgmcpg"
    - "clients2.google.com"
    - "clientservices.googleapis.com"
    - "host.docker.internal"
    - "optimizationguidepa.googleapis.com"
    - "redirector.gvt1.com"
    - "safebrowsingohttpgateway.googleapis.com"
    - "storage.googleapis.com"
    - "update.googleapis.com"
    - "www.google.com"

See Network Configuration for more information.

Generated by 🖼️ Workshop UI Screenshot Generator · 159.9 AIC · ⌖ 7.58 AIC · ⊞ 6.7K ·

  • expires on Jul 26, 2026, 3:09 AM UTC