louislam/uptime-kuma

Theme status pages (and dashboard?) by defining "base colors" in Appearance setting

Open

#4642 aperta il 1 apr 2024

Vedi su GitHub
 (16 commenti) (1 reazione) (0 assegnatari)JavaScript (7844 fork)batch import
A:coreA:dashboardA:settingsA:status-pageA:ui/uxfeature-requesthelp wanted

Metriche repository

Star
 (86.760 star)
Metriche merge PR
 (Merge medio 4g 10h) (27 PR mergiate in 30 g)

Descrizione

📑 I have found these related issues/pull requests

Unable to find any related issue.

🏷️ Feature Request Type

Status-page

🔖 Feature description

It would be great if one can configure Uptime Kuma's "base colors" in the web interface, instead of manually overwriting many individual status page elements using CSS.

Bonus: also theme the dashboard this way.

✔️ Solution

Allow the user to define the hex/RGB values for the "base colors" in the Appearance section of Uptime Kuma's settings.

❓ Alternatives

A CSS solution that does not require overwriting many individual status page items would also be good, but unfortunately I don't know how to do that (if this is already possible, a Wiki entry on how to do it would be appreciated).

📝 Additional Context

N/A

Guida contributor

Direzione di ricerca
Indaga il componente delle impostazioni Appearance (probabilmente in src/components/Settings.vue) per vedere la struttura delle impostazioni esistenti. Esamina come il CSS della pagina di stato viene attualmente sovrascritto e identifica dove potrebbero essere aggiunti i colori di base. Considera di leggere le aspettative degli utenti nei commenti dell'issue. Assicurati che la soluzione non interrompa le sovrascritture CSS personalizzate esistenti.
Tech stack
javascriptvuecss
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.
1-2 giorni
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
Basic Vue.js knowledgeCSS theming conceptsFamiliarity with Uptime Kuma settings
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
50