Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

feat: themed keycap styles for keyboard shortcut display

Aberta
#2,409 1 comentário 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
25/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
rust, typescript
Domínio
backend, frontend

Direção de pesquisa

Start by reviewing the existing keyboard shortcut overlay and the working PR #2406. Compare the SolidJS SVG frontend and Rust renderer work against the proposed keycap styles, color themes, 2D/3D and chassis options. Done means the listed styles and controls are available without breaking existing keyboard functionality.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Summary

The current keyboard shortcut overlay displays key names as plain text inside a rounded box. While functional, it lacks visual variety and customization options.

Proposal

Integrate themed keycap styles that give users control over how keyboard shortcuts appear in their recordings:

  • Multiple keycap styles: Minimal, Apple, PBT, Retro, M0116
  • Color themes: Black, White, Ocean, Cyberpunk, Sakura, etc.
  • 2D / 3D toggle: Flat or depth-rendered keycaps
  • Chassis toggle: Optional keyboard frame around keycaps

I've built an open-source keycap design system called Key23 that implements these styles. A working PR is available at #2406.

Implementation notes

  • Frontend: SolidJS SVG components with theme palettes
  • Backend: Theme-aware color mapping in the Rust renderer for export consistency
  • No breaking changes to existing keyboard functionality
Linguagem predominante
Rust
Estrelas
23.4k
Forks
2.1k
Merge médio
1d 5h
PRs com merge (30d)
130

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de CapSoftware/Cap

Todas as issues de CapSoftware/Cap

Issues semelhantes

Mais issues de Rust

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.