diff --git a/Makefile b/Makefile index 6e27de1..ad22b80 100644 --- a/Makefile +++ b/Makefile @@ -8,8 +8,8 @@ include $(TOPDIR)/rules.mk LUCI_TITLE:=Argon Theme LUCI_DEPENDS:=+luasocket -PKG_VERSION:=2.2.2 -PKG_RELEASE:=20200816 +PKG_VERSION:=2.2.3 +PKG_RELEASE:=20200820 include $(TOPDIR)/feeds/luci/luci.mk diff --git a/README.md b/README.md index bebacea..4a20635 100644 --- a/README.md +++ b/README.md @@ -59,11 +59,13 @@ 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.2/luci-theme-argon_2.2.2-20200816_all.ipk +wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.2.3/luci-theme-argon_2.2.3-20200820_all.ipk opkg install luci-theme-argon*.ipk ``` -## Update log 2020.08.16 v2.2.2 +## Update log 2020.08.20 v2.2.3 +- Fix Firmware flash page display error in dark mode【v2.2.3】 +- Update font icon, add a default icon of undefined menu【v2.2.3】 - Add custom login background,put your image (allow png jpg gif) or MP4 video into /www/luci-static/argon/background, random change【v2.2.2】 - Add force dark mode, login ssh and type "touch /etc/dark" to open dark mode.【v2.2.2】 diff --git a/README_ZH.md b/README_ZH.md index 1823357..85e1f6e 100644 --- a/README_ZH.md +++ b/README_ZH.md @@ -56,11 +56,13 @@ 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.2/luci-theme-argon_2.2.2-20200816_all.ipk +wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v2.2.3/luci-theme-argon_2.2.3-20200820_all.ipk opkg install luci-theme-argon*.ipk ``` -## 更新日志 2020.08.16 v2.2.2 +## 更新日志 2020.08.20 v2.2.3 +- 修正了在暗色模式下，固件刷写弹窗内的显示错误。【v2.2.3】 +- 更新了图标库，为未定义的菜单增加了一个默认的图标。【v2.2.3】 - 背景文件策略调整为，同时接受 jpg png gif mp4, 自行上传文件至 /www/luci-static/argon/background 图片和视频同时随机。【v2.2.2】 - 增加强制暗色模式，进入ssh 输入 "touch /etc/dark" 进行开启。【v2.2.2】 diff --git a/htdocs/luci-static/argon/css/cascade.css b/htdocs/luci-static/argon/css/cascade.css index e3b04dd..8e7e086 100644 --- a/htdocs/luci-static/argon/css/cascade.css +++ b/htdocs/luci-static/argon/css/cascade.css @@ -802,6 +802,8 @@ div[style="width:100%;height:300px;border:1px solid #000;background:#fff"] { left: 0.8rem; padding-top: 3px; transition: all 0.3s; + content: "\e915"; + color: #5e72e4; } .main .main-left .nav li.slide .menu::after { position: absolute; @@ -2023,7 +2025,6 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child { color: #808080; } .modal p { - padding-left: 0.25rem; word-break: break-word; } .modal .label { @@ -2567,6 +2568,12 @@ input[name="nslookup"] { padding: 1rem 0 1rem 1.5rem; color: #525f7f; } +[data-page="admin-system-flash"] .modal label > input[type="checkbox"] { + top: -0.35rem; +} +[data-page="admin-system-flash"] .modal .btn { + white-space: normal !important; +} /* wireless overview */ #cbi-wireless > #wifi_assoclist_table > .tr { box-shadow: inset 1px -1px 0 #ddd, inset -1px -1px 0 #ddd; @@ -3641,8 +3648,8 @@ pre.command-output { .cbi-button[value="Kill"], .cbi-button[onclick="reboot(this)"], .cbi-button-neutral[value="Restart"] { - border: thin solid darkorange; - background-color: darkorange; + border: thin solid darkorange !important; + background-color: darkorange !important; } .cbi-section, .cbi-section-error, @@ -3666,6 +3673,20 @@ pre.command-output { [data-page="admin-system-admin-password"] .cbi-map .cbi-map-descr { color: #ccc; } + [data-page="admin-system-flash"] .modal label > input[type="checkbox"] { + top: -0.35rem; + } + [data-page="admin-system-flash"] .modal .btn { + white-space: normal !important; + background-color: darkseagreen; + } + [data-page="admin-system-flash"] .modal .alert-message { + background-color: transparent !important; + } + [data-page="admin-system-flash"] .modal .danger { + border: thin solid darkorange !important; + background-color: darkorange !important; + } .cbi-value input[type="password"] + .cbi-button-neutral { background-color: darkslateblue !important; } diff --git a/htdocs/luci-static/argon/css/dark.css b/htdocs/luci-static/argon/css/dark.css index efd4190..6a1cc07 100644 --- a/htdocs/luci-static/argon/css/dark.css +++ b/htdocs/luci-static/argon/css/dark.css @@ -489,8 +489,8 @@ td > .ifacebadge, .cbi-button[value="Kill"], .cbi-button[onclick="reboot(this)"], .cbi-button-neutral[value="Restart"] { - border: thin solid darkorange; - background-color: darkorange; + border: thin solid darkorange !important; + background-color: darkorange !important; } .cbi-section, .cbi-section-error, @@ -514,6 +514,20 @@ div[style="width:100%;height:300px;border:1px solid #000;background:#fff"] { [data-page="admin-system-admin-password"] .cbi-map .cbi-map-descr { color: #ccc; } +[data-page="admin-system-flash"] .modal label > input[type="checkbox"] { + top: -0.35rem; +} +[data-page="admin-system-flash"] .modal .btn { + white-space: normal !important; + background-color: darkseagreen; +} +[data-page="admin-system-flash"] .modal .alert-message { + background-color: transparent !important; +} +[data-page="admin-system-flash"] .modal .danger { + border: thin solid darkorange !important; + background-color: darkorange !important; +} .cbi-value input[type="password"] + .cbi-button-neutral { background-color: darkslateblue !important; } diff --git a/htdocs/luci-static/argon/css/fonts.css b/htdocs/luci-static/argon/css/fonts.css index 4b83eca..1c24f70 100644 --- a/htdocs/luci-static/argon/css/fonts.css +++ b/htdocs/luci-static/argon/css/fonts.css @@ -48,11 +48,11 @@ @font-face { font-family: 'argon'; - src: url('../fonts/argon.eot?sv3bol'); - src: url('../fonts/argon.eot?sv3bol#iefix') format('embedded-opentype'), - url('../fonts/argon.ttf?sv3bol') format('truetype'), - url('../fonts/argon.woff?sv3bol') format('woff'), - url('../fonts/argon.svg?sv3bol#argon') format('svg'); + src: url('../fonts/argon.eot?u6kthm'); + src: url('../fonts/argon.eot?u6kthm#iefix') format('embedded-opentype'), + url('../fonts/argon.ttf?u6kthm') format('truetype'), + url('../fonts/argon.woff?u6kthm') format('woff'), + url('../fonts/argon.svg?u6kthm#argon') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -181,3 +181,6 @@ content: "\e914"; } +.icon-app:before { + content: "\e915"; +} \ No newline at end of file diff --git a/htdocs/luci-static/argon/fonts/argon.eot b/htdocs/luci-static/argon/fonts/argon.eot index 892d053..e28f6db 100644 Binary files a/htdocs/luci-static/argon/fonts/argon.eot and b/htdocs/luci-static/argon/fonts/argon.eot differ diff --git a/htdocs/luci-static/argon/fonts/argon.svg b/htdocs/luci-static/argon/fonts/argon.svg index 388f05a..1e12b5f 100644 --- a/htdocs/luci-static/argon/fonts/argon.svg +++ b/htdocs/luci-static/argon/fonts/argon.svg @@ -32,6 +32,7 @@ + \ No newline at end of file diff --git a/htdocs/luci-static/argon/fonts/argon.ttf b/htdocs/luci-static/argon/fonts/argon.ttf index b55ef5a..3d062dc 100644 Binary files a/htdocs/luci-static/argon/fonts/argon.ttf and b/htdocs/luci-static/argon/fonts/argon.ttf differ diff --git a/htdocs/luci-static/argon/fonts/argon.woff b/htdocs/luci-static/argon/fonts/argon.woff index 4d1417a..ef1e9c2 100644 Binary files a/htdocs/luci-static/argon/fonts/argon.woff and b/htdocs/luci-static/argon/fonts/argon.woff differ diff --git a/htdocs/luci-static/argon/less/cascade.less b/htdocs/luci-static/argon/less/cascade.less index 54f1d1a..07fc7f0 100644 --- a/htdocs/luci-static/argon/less/cascade.less +++ b/htdocs/luci-static/argon/less/cascade.less @@ -369,13 +369,14 @@ hr { background-color: var(--darker); overflow: hidden; pointer-events: none; + video { width: 100%; height: auto; } } - .volume-control{ + .volume-control { position: fixed; right: 1rem; top: 1rem; @@ -385,7 +386,8 @@ hr { cursor: pointer; background-size: contain; background-image: url(../img/volume_high.svg); - &.mute{ + + &.mute { background-image: url(../img/volume_off.svg); } } @@ -566,11 +568,13 @@ hr { padding: 0px 0px 30px; color: #525461; z-index: 10; - .ftc{ + + .ftc { position: absolute; bottom: 30px; width: 100%; } + .luci-link { display: block; } @@ -949,6 +953,8 @@ div[style="width:100%;height:300px;border:1px solid #000;background:#fff"] { left: 0.8rem; padding-top: 3px; transition: all 0.3s; + content: "\e915"; + color: #5e72e4; } &::after { @@ -2402,7 +2408,7 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child { } .modal p { - padding-left: .25rem; + word-break: break-word; } @@ -2439,6 +2445,8 @@ body.modal-overlay-active #modal_overlay { opacity: 1; } + + .spinning { position: relative; padding-left: 32px !important; @@ -3023,37 +3031,54 @@ input[name="nslookup"] { } /*admin-system-flash*/ -[data-page="admin-system-flash"] .cbi-value { - padding: 0; -} -[data-page="admin-system-flash"] .cbi-section .cbi-section { - margin-top: 0; -} +[data-page="admin-system-flash"] { + .cbi-value { + padding: 0; + } -[data-page="admin-system-flash"] .cbi-map-tabbed { - border-radius: 0.375rem; -} + .cbi-section { + .cbi-section { + margin-top: 0; + } + } -[data-page="admin-system-flash"] legend { - display: block !important; - font-size: 1.2rem; - width: 100%; - display: block; - margin-bottom: 0; - padding: 1rem 0 1rem 1.5rem; - border-bottom: 1px solid rgba(0, 0, 0, .05); - line-height: 1.5; - margin-bottom: 0rem; - letter-spacing: 0.1rem; - color: #32325d; - font-weight: bold; -} + .cbi-map-tabbed { + border-radius: 0.375rem; + } -[data-page="admin-system-flash"] .cbi-section-descr { - font-weight: 600; - padding: 1rem 0 1rem 1.5rem; - color: #525f7f; + legend { + display: block !important; + font-size: 1.2rem; + width: 100%; + display: block; + margin-bottom: 0; + padding: 1rem 0 1rem 1.5rem; + border-bottom: 1px solid rgba(0, 0, 0, .05); + line-height: 1.5; + margin-bottom: 0rem; + letter-spacing: 0.1rem; + color: #32325d; + font-weight: bold; + } + + .cbi-section-descr { + font-weight: 600; + padding: 1rem 0 1rem 1.5rem; + color: #525f7f; + } + + .modal { + + + label>input[type="checkbox"] { + top: -0.35rem; + } + + .btn { + white-space: normal !important; + } + } } /* wireless overview */ @@ -4463,8 +4488,8 @@ pre.command-output { .cbi-button[value="Kill"], .cbi-button[onclick="reboot(this)"], .cbi-button-neutral[value="Restart"] { - border: thin solid darkorange; - background-color: darkorange; + border: thin solid darkorange !important; + background-color: darkorange !important; } .cbi-section, @@ -4492,6 +4517,28 @@ pre.command-output { color: #ccc; } + [data-page="admin-system-flash"] { + .modal { + label>input[type="checkbox"] { + top: -0.35rem; + } + + .btn { + white-space: normal !important; + background-color: darkseagreen; + } + + .alert-message { + background-color: transparent !important; + } + + .danger { + border: thin solid darkorange !important; + background-color: darkorange !important; + } + } + } + .cbi-value input[type="password"]+.cbi-button-neutral { background-color: darkslateblue !important; } diff --git a/htdocs/luci-static/argon/less/dark.less b/htdocs/luci-static/argon/less/dark.less index d8722ac..c1285dd 100644 --- a/htdocs/luci-static/argon/less/dark.less +++ b/htdocs/luci-static/argon/less/dark.less @@ -632,8 +632,8 @@ td>.ifacebadge, .cbi-button[value="Kill"], .cbi-button[onclick="reboot(this)"], .cbi-button-neutral[value="Restart"] { - border: thin solid darkorange; - background-color: darkorange; + border: thin solid darkorange !important; + background-color: darkorange !important; } .cbi-section, @@ -661,6 +661,28 @@ div[style="width:100%;height:300px;border:1px solid #000;background:#fff"] { color: #ccc; } +[data-page="admin-system-flash"] { + .modal { + label>input[type="checkbox"] { + top: -0.35rem; + } + + .btn { + white-space: normal !important; + background-color: darkseagreen; + } + + .alert-message { + background-color: transparent !important; + } + + .danger { + border: thin solid darkorange !important; + background-color: darkorange !important; + } + } +} + .cbi-value input[type="password"]+.cbi-button-neutral { background-color: darkslateblue !important; }