From 06ef56c22327df4888197293a2b00abc49ed1d44 Mon Sep 17 00:00:00 2001
From: Hilman Maulana <hilman0.0maulana@gmail.com>
Date: Sat, 24 Feb 2024 15:08:47 +0700
Subject: [PATCH] luci-app-alpha-config: Add theme configure

---
 template/footer.htm | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/template/footer.htm b/template/footer.htm
index c89ac89..0166861 100644
--- a/template/footer.htm
+++ b/template/footer.htm
@@ -33,7 +33,7 @@ local icon = {
 
 local function getLink(nav)
 	local link = config[nav]
-	return (link ~= "none") and link or nil
+	return (link and link ~= "none") and link or nil
 end
 
 local num_links = 0
@@ -46,14 +46,23 @@ for i = 1, 6 do
 end
 
 local link_width = string.format("calc(100%% / %d)", num_links)
+local blur_value = tonumber(config.blur)
+local link_blur = string.format("blur(%dpx)", blur_value)
+local background_color = config.color
 %>
 
 <style>
-	@media screen and (max-width: 720px) {
-		.navbar a {
-			width: <%= link_width %>;
-		}
+.main>.main-left, .cbi-section, .cbi-section-error, #iptables, .Firewall form, #cbi-network>.cbi-section-node, #cbi-wireless>.cbi-section-node, #cbi-wireless>#wifi_assoclist_table, [data-tab-title], [data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear), [data-page="admin-system-opkg"] #maincontent>.container, .tabs, .cbi-tabmenu, .cbi-tooltip {
+	background-color: <%=background_color%>;
+	backdrop-filter: <%=link_blur%>;
+	-webkit-backdrop-filter: <%=link_blur%>;
+}
+
+@media screen and (max-width: 720px) {
+	.navbar a {
+		width: <%=link_width%>;
 	}
+}
 </style>
 
 </div>