187 Fn 92 3ec7bee7

Name: 187 Fn 92 3ec7bee7
Author: tools-only

ASecurity

Create theme system with dark (default) and light variants.

9 stars
0 votes
0 copies
1 view
Added May 31, 2026

developmenttypescript

Works with

terminal

Security analysis

A100/100

Pro scans all 2 files and shows the line behind each finding

Scanned May 31, 2026

npx -y skills add tools-only/X-Skills --skill 187-fn-92_3ec7bee7 --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of 187 Fn 92 3ec7bee7?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for 187 Fn 92 3ec7bee7

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/tools-only-187-fn-92-3ec7bee7/badge)](https://www.skillsdirectory.com/skills/tools-only-187-fn-92-3ec7bee7)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

# fn-9.2 Theme system (dark/light)

## Description

Create theme system with dark (default) and light variants.

### Files

- `src/themes/index.ts` - exports, theme switching
- `src/themes/dark.ts` - dark palette
- `src/themes/light.ts` - light palette

### Color palette (256 colors)

Dark theme from spec:
```typescript
const DARK = {
  bg: 'terminal default',
  border: 239,
  text: 252,
  dim: 242,
  accent: 81,     // electric cyan
  success: 114,   // muted green
  progress: 75,   // bright blue
  warning: 221,   // amber
  error: 203,     // coral red
  selectedBg: 236
};
```

### Theme objects needed

- `TaskListTheme` - for SelectList wrapping
- `MarkdownTheme` - for task detail
- Color functions: `text()`, `dim()`, `accent()`, etc.

### Switching

Export `getTheme(isLight: boolean)` function.
## Acceptance
- [ ] `import { getTheme, DARK, LIGHT } from './themes'` works
- [ ] Theme has all required colors from spec
- [ ] pi-tui compatible theme objects exportable
- [ ] Colors render correctly in terminal (visual check)
## Done summary
- Implemented 256-color palette with dark (default) and light themes
- Added color helper functions: text(), dim(), accent(), success(), progress(), warning(), error(), border()
- Created pi-tui compatible theme objects: SelectListTheme, MarkdownTheme, EditorTheme
- Added getTheme(isLight) switching function

Why:
- Terminal TUI needs consistent theming across all components
- 256-color palette ensures compatibility with most terminals

Verification:
- bun test passes (14 tests)
- bun run lint passes
- TypeScript check passes
## Evidence
- Commits: 55d8d24, 70e05a1
- Tests: bun test
- PRs: