Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

feat: themed keycap styles for keyboard shortcut display

Ouverte
#2,409 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
5/5
Temps estimé
Plus d'une semaine
Accessibilité débutants
25/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
rust, typescript
Domaine
backend, frontend

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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
Langage dominant
Rust
Étoiles
23k
Forks
2k
Merge moyen
19 h 50 min
PR mergées (30 j)
72

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de CapSoftware/Cap

Toutes les issues de CapSoftware/Cap

Issues similaires

Plus d'issues Rust

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.