# S1-10 — GitHub Skin

**Epic:** Demo Pages
**Priority:** P1
**Role:** Developer
**Depends on:** S1-01

## User Story
As a user, I want a GitHub-style repository page with file tree, README, and issue list.

## Acceptance Criteria
- [ ] Light theme with dark header bar (#24292e)
- [ ] Top nav: logo, search input, pull requests/issues/marketplace links, profile avatar
- [ ] Repository header: owner/repo name, star/fork/watch badges (`.badge`)
- [ ] Tab navigation: Code / Issues / Pull requests / Actions (using `.btn-ghost` or utility classes)
- [ ] File tree: table (`.table`) with icon, filename, commit message, date columns
- [ ] README panel: `.card` with rendered markdown-style content (headings, code blocks, lists)
- [ ] Sidebar: About section, languages bar (colored progress bar), releases, contributors (avatar row)
- [ ] Issue list view: table with open/closed badges, labels as colored `.badge` elements
- [ ] All styling via `skin.css` variable overrides only
- [ ] **Light/Dark mode:** skin.css overrides `--default-color-*-light` AND `--default-color-*-dark` variants; demo is coherent and lisible in both modes
- [ ] Theme toggle button visible in demo nav bar

## Validation
- [ ] Playwright screenshots: `github-light.png` + `github-dark.png`
- [ ] If css-base gap found: update `dist/skill/css-base/SKILL.md` + redeploy via `/skiller`

## Key CSS Variables to Override
```css
--color-primary: oklch(0.55 0.2 265); /* GitHub blue */
--color-surface: oklch(0.98 0 0);
--default-font-size: 0.875rem;
--radius-sm: 6px;
--radius-md: 6px;
```