🌴 Sync 2026-09-27 20:55:59

luci-theme-design/Makefile

@@ -9,7 +9,7 @@ LUCI_TITLE:=Design Theme
 LUCI_DEPENDS:=
 PKG_LICENSE:=Apache-2.0
 PKG_VERSION:=7.1
-PKG_RELEASE:=8
+PKG_RELEASE:=9
 
 LUCI_MINIFY_CSS:=
 CONFIG_LUCI_CSSTIDY:=

luci-theme-design/htdocs/luci-static/design/css/style.css

@@ -1243,6 +1243,17 @@ table > tr:last-child {
 	margin: auto 0;
 }
 
+.nft-rules .th,
+.nft-rules .td:not(.center) {
+    text-align: left;
+}
+
+.nft-rules .ifacebadge > em {
+    width: auto;
+    height: auto;
+    padding-left: 0;
+}
+
 .cbi-section-table-row {
     text-align: center;
 }
@@ -4095,6 +4106,7 @@ input[name="nslookup"] {
 
 
 .navbar {
+    display: flex;
     z-index: 200;
 	overflow: hidden;
 	position: fixed;
@@ -4110,10 +4122,9 @@ input[name="nslookup"] {
   }
   
   .navbar a {
-	  float: left;
+	  flex: 1;
 	  text-align: center;
 	  padding: 8px 0;
-	  width: 20%;
 	  text-decoration: none;
 	  max-width: 100px;
   }

luci-theme-design/htdocs/luci-static/design/images/homeproxy.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m3 10 9-7 9 7M5 9v11h14V9"/>
+  <path d="M8 12h8m-2-2 2 2-2 2M16 17H8m2-2-2 2 2 2"/>
+</svg>

luci-theme-design/ucode/template/themes/design/header.ut

@@ -18,8 +18,10 @@
 	const request_path = ctx.request_path ?? dispatch_path;
 	const current_path = length(dispatch_path) ? join('-', dispatch_path) : 'main-login';
 	const current_page = length(request_path) ? join('-', request_path) : current_path;
-	const show_proxy_icon = access('/etc/config/google_fu_mode');
-	const theme_rev = `${version?.luciversion ?? 'dev'}-designfix-20260418i`;
+	const show_proxy_icon = access('/etc/config/shadowsocksr') || access('/etc/config/google_fu_mode');
+	const show_openclash_icon = access('/etc/config/openclash');
+	const show_homeproxy_icon = access('/etc/config/homeproxy');
+	const theme_rev = `${version?.luciversion ?? 'dev'}-designfix-20260927`;
 
 	http.prepare_content('text/html; charset=UTF-8');
 -%}
@@ -77,6 +79,10 @@
 	<a href="{{ dispatcher.build_url('admin/status/overview') }}"><img src="{{ media }}/images/home.png"></a>
 	{% if (show_proxy_icon): %}
 	<a href="{{ dispatcher.build_url('admin/services/shadowsocksr') }}"><img src="{{ media }}/images/ssr.png"></a>
+	{% elif (show_homeproxy_icon): %}
+	<a href="{{ dispatcher.build_url('admin/services/homeproxy') }}" title="HomeProxy"><img src="{{ media }}/images/homeproxy.svg" alt="HomeProxy"></a>
+	{% elif (show_openclash_icon): %}
+	<a href="{{ dispatcher.build_url('admin/services/openclash') }}" title="OpenClash"><img src="{{ media }}/images/openclash.png" alt="OpenClash"></a>
 	{% endif %}
 	<a href="{{ dispatcher.build_url('admin/network/network') }}"><img src="{{ media }}/images/link.png"></a>
 	<a href="{{ dispatcher.build_url('admin/status/realtime') }}"><img src="{{ media }}/images/rank.png"></a>