reworkd/AgentGPT

Ability to set custom UI font

Open

#872 aperta il 27 giu 2023

Vedi su GitHub
 (7 commenti) (0 reazioni) (0 assegnatari)TypeScript (9446 fork)batch import
enhancementhelp wantedjavascript

Metriche repository

Star
 (34.594 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

⚠️ Please check that this feature request hasn't been suggested before.

  • I searched previous Ideas in Discussions didn't find any similar feature requests.
  • I searched previous Issues didn't find any similar feature requests.

🔖 Feature description

At first, I want to say thank you for releasing AgentGPT.

It would be great if there was a way to set the font family used in the UI.

✔️ Solution

  • Refactor frontend to not use hardcoded monospace font and other necessary restructurings.
  • Add tailwind config value(s) to set the UI font to use.
  • Additional, nice to have: If not already available add tailwind config value to set the default UI theme (light/dark).

❓ Alternatives

No response

📝 Additional Context

No response

Acknowledgements

  • My issue title is concise, descriptive, and in title casing.
  • I have searched the existing issues to make sure this feature has not been requested yet.
  • I have provided enough information for the maintainers to understand and evaluate this request.

Guida contributor

Direzione di ricerca
Innanzitutto, identifica tutte le posizioni nel frontend in cui viene utilizzato un font monospazio hardcoded (probabilmente nei file CSS o negli stili inline dei componenti). Quindi, aggiungi una proprietà personalizzata fontFamily nella configurazione di Tailwind (tailwind.config.js) e applicala globalmente tramite l'elemento body o un componente wrapper. Facoltativamente, implementa un toggle del tema per la modalità chiara/scura utilizzando la variante dark mode di Tailwind. Rivedi i componenti di layout esistenti (ad esempio, app.tsx) e qualsiasi componente UI rilevante per garantire coerenza.
Tech stack
typescriptreacttailwindcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Tailwind CSSReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65