This commit is contained in:
jerrykuku 2020-07-25 23:44:35 +08:00
parent d577f2b604
commit 02822936f8
5 changed files with 46 additions and 44 deletions

View File

@ -8,7 +8,7 @@ include $(TOPDIR)/rules.mk
LUCI_TITLE:=Argon Theme
LUCI_DEPENDS:=
PKG_VERSION:=2.2
PKG_VERSION:=2.2.1
PKG_RELEASE:=20200725
include $(TOPDIR)/feeds/luci/luci.mk

View File

@ -6,7 +6,7 @@
[4]: https://github.com/jerrykuku/luci-theme-argon/pulls
[5]: https://img.shields.io/badge/Issues-welcome-brightgreen.svg
[6]: https://github.com/jerrykuku/luci-theme-argon/issues/new
[7]: https://img.shields.io/badge/release-v2.2-blue.svg?
[7]: https://img.shields.io/badge/release-v2.2.1-blue.svg?
[8]: https://github.com/jerrykuku/luci-theme-argon/releases
[9]: https://img.shields.io/github/downloads/jerrykuku/luci-theme-argon/total
[10]: https://img.shields.io/badge/Contact-telegram-blue
@ -53,17 +53,17 @@ make -j1 V=s
## Install
### For Lean openwrt 18.06 LuCI
```
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v1.6.2/luci-theme-argon_1.6.2-20200725_all.ipk
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v1.6.3/luci-theme-argon_1.6.3-20200725_all.ipk
opkg install luci-theme-argon*.ipk
```
### For openwrt official 19.07 Snapshots LuCI master
```
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.2/luci-theme-argon_2.2-20200725_all.ipk
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.2.1/luci-theme-argon_2.2.1-20200725_all.ipk
opkg install luci-theme-argon*.ipk
```
## Update log 2020.07.25 v2.2
## Update log 2020.07.25 v2.2.1
- New login theme, Request background imge from bing.com, Auto change everyday.
- New theme icon
@ -71,7 +71,7 @@ opkg install luci-theme-argon*.ipk
- Fix font-size and padding margin
- Restructure css file
- Auto adapt to dark mode
- Add blur effect for login form 【v2.2.1】
## More Screenshots

View File

@ -50,17 +50,17 @@ make -j1 V=s
## 安装
### For Lean openwrt
```
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v1.6.2/luci-theme-argon_1.6.2-20200725_all.ipk
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v1.6.3/luci-theme-argon_1.6.3-20200725_all.ipk
opkg install luci-theme-argon*.ipk
```
### For openwrt official 19.07 Snapshots LuCI master
```
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.2/luci-theme-argon_2.2-20200725_all.ipk
wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.2.1/luci-theme-argon_2.2.1-20200725_all.ipk
opkg install luci-theme-argon*.ipk
```
## 更新日志 2020.07.25 v2.2
## 更新日志 2020.07.25 v2.2.1
- 全新的登录界面,图片背景跟随Bing.com每天自动切换
- 全新的主题icon
@ -68,6 +68,7 @@ opkg install luci-theme-argon*.ipk
- 细致的微调了 字号大小边距等等
- 重构了css文件
- 自动适应的暗黑模式
- 登录背景添加毛玻璃效果 【v2.2.1】
## 更多截图

View File

@ -369,7 +369,7 @@ hr {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #adb5bd;
color: #525461;
font-size: 1.5rem;
position: absolute;
z-index: 100;
@ -394,10 +394,10 @@ hr {
margin: 0.825rem 0;
box-sizing: border-box;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
color: #8898aa;
color: #525461;
border: 0;
border-radius: 0;
border-bottom: 1px solid #dee2e6;
border-bottom: 1px solid #fff;
background-color: transparent;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
@ -456,6 +456,13 @@ hr {
.login-page .login-container footer .luci-link {
display: block;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(244, 245, 247, 0.7);
}
}
header,
.main {
width: 100%;
@ -3141,13 +3148,6 @@ pre.command-output {
border-bottom: var(--white) 1px solid;
border-radius: 0;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(244, 245, 247, 0.7);
}
}
}
@media (prefers-color-scheme: dark) {
body {
@ -3707,12 +3707,6 @@ pre.command-output {
[data-page="admin-system-opkg"] h2 {
color: #ccc !important;
}
}
@media (prefers-color-scheme: dark) and (max-width: 480px) {
.node-status-iptables > .main div > .cbi-map > form {
background-color: #1e1e1e;
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.35);
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form {
-webkit-backdrop-filter: blur(10px);
@ -3721,3 +3715,9 @@ pre.command-output {
}
}
}
@media (prefers-color-scheme: dark) and (max-width: 480px) {
.node-status-iptables > .main div > .cbi-map > form {
background-color: #1e1e1e;
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.35);
}
}

View File

@ -434,7 +434,7 @@ hr {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #adb5bd;
color: #525461;
font-size: 1.5rem;
position: absolute;
z-index: 100;
@ -461,10 +461,10 @@ hr {
margin: 0.825rem 0;
box-sizing: border-box;
transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
color: #8898aa;
color: #525461;
border: 0;
border-radius: 0;
border-bottom: 1px solid #dee2e6;
border-bottom: 1px solid #fff;
background-color: transparent;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
@ -539,7 +539,14 @@ hr {
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(244, 245, 247, 0.7);
}
}
header,
@ -1428,7 +1435,6 @@ td>table>tbody>tr>td,
-webkit-appearance: none !important;
}
.cbi-button+.cbi-button {}
.btn:hover,
.btn:focus,
@ -3811,15 +3817,8 @@ pre.command-output {
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(244, 245, 247, 0.7);
}
}
}
@media (prefers-color-scheme: dark) {
body {
@ -4553,13 +4552,6 @@ pre.command-output {
color: #ccc !important;
}
}
@media (prefers-color-scheme: dark) and (max-width: 480px) {
.node-status-iptables>.main div>.cbi-map>form {
background-color: #1e1e1e;
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35);
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.login-page .login-container .login-form {
@ -4570,3 +4562,12 @@ pre.command-output {
}
}
}
@media (prefers-color-scheme: dark) and (max-width: 480px) {
.node-status-iptables>.main div>.cbi-map>form {
background-color: #1e1e1e;
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35);
}
}