2019年6月30日 星期日

[經驗分享]變更 LibreNMS 的配色主題


LibreNMS 預設的外觀清爽,在同類型軟體來說算是相當好看。不過,以白色系為主的樣式看久了還是有點膩,現在流行用黑色看起來比較潮,有什麼方法可以變通一下?

這個心聲 LibreNMS 聽到了,有一個可以調整佈景主題的小方法。







變更主題

LibreNMS 提供了主題調整的功能,但目前這個選項尚未做到 WebUI 上,想要更換主題,需要修改設定檔。

請以文字編輯器開啟 /opt/librenms/config.php 設定檔,並在其中插入以下設定:
$config['site_style'] = "dark";

雙引號內的設定值,目前有三種可以使用 light / dark / mono。以 dark 為範例,設定修改如圖:

修改配色主題為 dark


修改完成後,只需要將瀏覽器重新整理,立即生效。





主題示範

目前共有三種主題,修改後最明顯的是功能表列,其它的小地方較不明顯,您可慢慢體會。

Light 主題:資訊看板


Mono 主題:資訊看板


Dark 主題:資訊看板





其它修改

除了變更主題,您也可以更換左上方的 Logo 圖,甚至自己客製更細節的 CSS 樣式。

$config['title_image'] = "images/custom/yourlogo.png";
$config['webui']['custom_css'][] = "css/custom/styles.css";




參考資料