替换LuCI默认的文件和文件夹类型图标,这将在暗色模式下更美观

jerrykuku · Mar 26, 2023 · b4e8e9b · b4e8e9b · SpeedPartner · Apr 3, 2023
1 parent 002f480
commit b4e8e9b
Show file tree

Hide file tree

Showing 11 changed files with 56 additions and 0 deletions.
diff --git a/htdocs/luci-static/argon/css/cascade.css b/htdocs/luci-static/argon/css/cascade.css
@@ -947,6 +947,34 @@ form.inline + form.inline,
 .cbi-value-field .cbi-button-neutral {
   min-width: 2.5rem !important;
 }
+/* Replace LuCI's default file and folder type icons */
+img[src="/luci-static/resources/cbi/reload.gif"] {
+  content: url("/luci-static/argon/img/reload.webp");
+}
+img[src="/luci-static/resources/cbi/file.gif"] {
+  content: url("/luci-static/argon/img/file.webp");
+}
+img[src="/luci-static/resources/cbi/add.gif"] {
+  content: url("/luci-static/argon/img/add.webp");
+}
+img[src="/luci-static/resources/cbi/remove.gif"] {
+  content: url("/luci-static/argon/img/remove.webp");
+}
+img[src="/luci-static/resources/cbi/edit.gif"] {
+  content: url("/luci-static/argon/img/edit.webp");
+}
+img[src="/luci-static/resources/cbi/fieldadd.gif"] {
+  content: url("/luci-static/argon/img/fieldadd.webp");
+}
+img[src="/luci-static/resources/cbi/link.gif"] {
+  content: url("/luci-static/argon/img/link.webp");
+}
+img[src="/luci-static/resources/cbi/find.gif"] {
+  content: url("/luci-static/argon/img/find.webp");
+}
+img[src="/luci-static/resources/cbi/folder.gif"] {
+  content: url("/luci-static/argon/img/folder.webp");
+}
 /* input */
 .cbi-value input[type="password"],
 .cbi-value input[type="text"] {

diff --git a/htdocs/luci-static/argon/img/add.webp b/htdocs/luci-static/argon/img/add.webp
diff --git a/htdocs/luci-static/argon/img/edit.webp b/htdocs/luci-static/argon/img/edit.webp
diff --git a/htdocs/luci-static/argon/img/fieldadd.webp b/htdocs/luci-static/argon/img/fieldadd.webp
diff --git a/htdocs/luci-static/argon/img/file.webp b/htdocs/luci-static/argon/img/file.webp
diff --git a/htdocs/luci-static/argon/img/find.webp b/htdocs/luci-static/argon/img/find.webp
diff --git a/htdocs/luci-static/argon/img/folder.webp b/htdocs/luci-static/argon/img/folder.webp
diff --git a/htdocs/luci-static/argon/img/link.webp b/htdocs/luci-static/argon/img/link.webp
diff --git a/htdocs/luci-static/argon/img/reload.webp b/htdocs/luci-static/argon/img/reload.webp
diff --git a/htdocs/luci-static/argon/img/remove.webp b/htdocs/luci-static/argon/img/remove.webp
diff --git a/htdocs/luci-static/argon/less/cascade.less b/htdocs/luci-static/argon/less/cascade.less
@@ -1134,6 +1134,34 @@ form.inline+form.inline,
     min-width: 2.5rem !important;
 }
 
+/* Replace LuCI's default file and folder type icons */
+img[src="/luci-static/resources/cbi/reload.gif"] {
+    content: url("/luci-static/argon/img/reload.webp");
+}
+img[src="/luci-static/resources/cbi/file.gif"] {
+    content: url("/luci-static/argon/img/file.webp");
+}
+img[src="/luci-static/resources/cbi/add.gif"] {
+    content: url("/luci-static/argon/img/add.webp");
+}
+img[src="/luci-static/resources/cbi/remove.gif"] {
+    content: url("/luci-static/argon/img/remove.webp");
+}
+img[src="/luci-static/resources/cbi/edit.gif"] {
+    content: url("/luci-static/argon/img/edit.webp");
+}
+img[src="/luci-static/resources/cbi/fieldadd.gif"] {
+    content: url("/luci-static/argon/img/fieldadd.webp");
+}
+img[src="/luci-static/resources/cbi/link.gif"] {
+    content: url("/luci-static/argon/img/link.webp");
+}
+img[src="/luci-static/resources/cbi/find.gif"] {
+    content: url("/luci-static/argon/img/find.webp");
+}
+img[src="/luci-static/resources/cbi/folder.gif"] {
+    content: url("/luci-static/argon/img/folder.webp");
+}
 
 /* input */
 .cbi-value input[type="password"],