Skip to content

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

Merged
pelikhan merged 1 commit into
mainfrom
theme-aware-svgs-workshop-images-18ff7caea5af36a6
Jul 24, 2026
Merged

[workshop-ui-screenshots] Add theme-aware SVG screenshots for 3 workshop images#1953
pelikhan merged 1 commit into
mainfrom
theme-aware-svgs-workshop-images-18ff7caea5af36a6

Conversation

@github-actions

Copy link
Copy Markdown
Contributor

Summary

This PR adds light/dark SVG pairs for three GitHub UI workshop images in the workshop/08-* steps and migrates their Markdown references to GitHub's theme-aware <picture> pattern.

Light/dark pairs generated

Stem Light Dark
08-actions-tab workshop/images/08-actions-tab-light.svg workshop/images/08-actions-tab-dark.svg
08-run-workflow-button workshop/images/08-run-workflow-button-light.svg workshop/images/08-run-workflow-button-dark.svg
08-run-summary workshop/images/08-run-summary-light.svg workshop/images/08-run-summary-dark.svg

What changed

  • Migrates existing images (all three already existed as single-theme SVGs) to theme-aware <picture> blocks
  • No broken links repaired in this run (all images were already present on disk)

Markdown files updated

  • workshop/08-run-your-workflow.md — 2 images migrated (08-actions-tab, 08-run-workflow-button)
  • workshop/08b-interpret-your-run.md — 1 image migrated (08-run-summary)

Notes

These are AI-generated conceptual illustrations of GitHub UI elements (Actions tab workflow list, Run workflow button, run summary panel). Maintainers should replace them with real screenshots when available.

All SVGs passed Playwright QA checks:

  • currentSrc resolves to -light.svg under colorScheme: light and -dark.svg under colorScheme: dark
  • All 6 files render nonblank (37–49 KB screenshots)
  • No text bleeding outside visual containers detected

Warning

Firewall blocked 5 domains

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

  • accounts.google.com
  • android.clients.google.com
  • awmgmcpg
  • clients2.google.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"
    - "www.google.com"

See Network Configuration for more information.

Generated by 🖼️ Workshop UI Screenshot Generator · 105.2 AIC · ⌖ 6.78 AIC · ⊞ 6.7K ·

  • expires on Jul 25, 2026, 6:20 AM UTC

Generate light/dark SVG pairs for:
- 08-actions-tab (Actions tab workflow list view)
- 08-run-workflow-button (Run workflow button in sidebar)
- 08-run-summary (Workflow run summary panel)

Update workshop/08-run-your-workflow.md and
workshop/08b-interpret-your-run.md to use GitHub's
<picture> theme-aware pattern with light/dark srcset.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@pelikhan
pelikhan marked this pull request as ready for review July 24, 2026 15:24
@pelikhan
pelikhan merged commit 6b84323 into main Jul 24, 2026
@pelikhan
pelikhan deleted the theme-aware-svgs-workshop-images-18ff7caea5af36a6 branch July 24, 2026 15:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant