Theme status pages (and dashboard?) by defining "base colors" in Appearance setting · louislam/uptime-kuma#4642

(16 留言) (1 反應) (0 負責人)JavaScript (86,760 star) (7,844 fork)batch import

A:coreA:dashboardA:settingsA:status-pageA:ui/uxfeature-requesthelp wanted

描述

📑 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

貢獻者指南

技術棧: javascriptvuecss
領域: frontend
議題類型: feature
難度: 3
預計時間: 1-2 days
活動狀態: active
清晰度: clear
前置要求: Basic Vue.js knowledgeCSS theming conceptsFamiliarity with Uptime Kuma settings
新手友善度: 50
研究方向: Investigate the Appearance settings component (likely in src/components/Settings.vue) to see existing settings structure. Look at how status page CSS is currently overridden and identify where base colors could be added. Consider reading the discussion in the issue comments for user expectations. Ensure the solution avoids breaking existing custom CSS overrides.