update 2025-02-07 20:12:49

luci-theme-argon/Makefile

@@ -8,8 +8,8 @@ include $(TOPDIR)/rules.mk
 
 LUCI_TITLE:=Argon Theme
 LUCI_DEPENDS:=+curl +jsonfilter
-PKG_VERSION:=2.3.1
-PKG_RELEASE:=20230420
+PKG_VERSION:=2.3.2
+PKG_RELEASE:=20250207
 
 CONFIG_LUCI_CSSTIDY:=
 

luci-theme-argon/README.md

@@ -69,6 +69,10 @@ It also supports automatic and manual switching between light and dark modes.
 - Automatically switch between light and dark modes with the system, and can also be set to a fixed mode.
 - Settings plugin with extensions [luci-app-argon-config][config-link]
 
+> **Upcoming Version **
+>
+> "The current theme uses Less for CSS construction, and the method for switching between light and dark modes is relatively primitive. Meanwhile, the official theme has already switched to the UT template. I am exploring a way to build the theme template using modern front-end development tools, initially settling on a solution using Vite + UnoCSS. This approach will utilize a proxy server for debugging and also support HMR (Hot Module Replacement), significantly improving development speed. Currently, the basic development framework has been set up, but due to a busy schedule, I still need some time to migrate the existing styles. Stay tuned!"
+
 ## Branch Introduction
 
 There are currently two main branches that are adapted to different versions of the **OpenWrt** source code.  
@@ -77,7 +81,7 @@ The table below will provide a detailed introduction:
 | Branch | Version | Description                        | Matching source                                           |
 | ------ | ------- | ---------------------------------- | --------------------------------------------------------- |
 | master | v2.x.x  | Support the latest version of LuCI | [Official OpenWrt][official] • [ImmortalWrt][immortalwrt] |
-| 18.06  | v1.x.x  | Support the 18.06 version of LuCI  | [Lean's LEDE][lede]                                         |
+| 18.06 (deprecated) | v1.x.x  | Support the 18.06 version of LuCI   | [Lean's LEDE][lede]                                         |
 
 ## Version History
 
@@ -85,7 +89,7 @@ The latest version is v2.3.1 [Click here][en-us-release-log] to view the full ve
 
 ## Getting started
 
-### Build for Lean's LEDE project
+### Build for Lean's LEDE project (deprecated)
 
 ```bash
 cd lede/package/lean
@@ -116,7 +120,7 @@ opkg install luci-theme-argon*.ipk
 ```bash
 opkg install luci-compat
 opkg install luci-lib-ipkg
-wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.3.1/luci-theme-argon_2.3.1_all.ipk
+wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.3.2/luci-theme-argon-2.3.2-r20250207.apk
 opkg install luci-theme-argon*.ipk
 ```
 

luci-theme-argon/README_ZH.md

@@ -116,7 +116,7 @@ opkg install luci-theme-argon*.ipk
 ```bash
 opkg install luci-compat
 opkg install luci-lib-ipkg
-wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.3.1/luci-theme-argon_2.3.1_all.ipk
+wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.3.2/luci-theme-argon-2.3.2-r20250207.apk
 opkg install luci-theme-argon*.ipk
 ```
 

luci-theme-argon/less/cascade.less

@@ -979,6 +979,7 @@ div[style="width:100%;height:300px;border:1px solid #000;background:#fff"] {
 
 .notice {
   background-color: #11cdef !important;
+  background-color: var(--primary) !important;
   color: #fff;
 }
 
@@ -1611,7 +1612,7 @@ tr > th,
     }
   }
 
-  #modal_overlay > .modal.cbi-modal > div > p > textarea{
+  #modal_overlay > .modal.cbi-modal > div > p > textarea {
     height: 20em!important;
     border: 1px solid #dee2e6!important;
     border-radius: 4px;
@@ -2699,7 +2700,7 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
     display: block;
     position: absolute;
     height: 100%;
-    background-color: var(--bar-bg);
+    background-color: var(--primary);
     border-radius: 0.5rem;
     transition: width 0.3s;
   }
@@ -3301,21 +3302,20 @@ span[data-tooltip] .label {
 }
 
 .cbi-tooltip {
-  position: absolute;
+  position: absolute; 
   z-index: 1000;
-  top: -1000px;
-  left: -1000px;
-  padding: 2px 5px;
-  transition: opacity .25s ease-out;
-  white-space: pre;
-  pointer-events: none;
-  opacity: 0;
+  left: -10000px;
+  box-shadow: 0 0 2px #8b8b8b;
   border-radius: 3px;
   background: #fff;
-  box-shadow: 0 0 2px #444;
+  white-space: pre;
+  padding: 2px 5px;
+  opacity: 0;
+  transition: opacity .25s ease-in;
+  transform: translate(-50%, 10%);
 }
 
-.cbi-tooltip-container:hover .cbi-tooltip {
+.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) {
   left: auto;
   transition: opacity .25s ease-in;
   opacity: 1;

luci-theme-argon/less/dark.less

@@ -502,6 +502,11 @@ textarea {
     background-color: #1e1e1e;
 }
 
+.cbi-section[id] .cbi-section-remove:nth-of-type(4n+3),
+.cbi-section[id] .cbi-section-node:nth-of-type(4n+4) {
+    background-color: #1e1e1e;
+}
+
 .node-system-packages > .main table tr td:nth-last-child(1) {
     color: #ccc;
 
@@ -1099,6 +1104,10 @@ input,
         color: #fff !important;
         background-color: transparent !important;
     }
+
+    #modal_overlay > .modal.cbi-modal > div > p > textarea {
+        color: #ccc!important;
+    }
 }
 
 [data-page="admin-network-firewall-rules"] {
@@ -1172,4 +1181,4 @@ input,
 .btn {
     background-color: rgb(112, 112, 112);
     color: #fff;
-}
+}