zhao/luci-theme-argon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暗色 -> #1e1e1e

Browse Source
This commit is contained in:
sbwml 2022-07-30 10:18:04 +08:00
parent 3fb9d7a6c9
commit 23feaa6c67
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
luci-theme-argon/htdocs/luci-static/argon/css/dark.css
View File

@ -27,7 +27,7 @@
* Licensed to the public under the Apache License 2.0 * Licensed to the public under the Apache License 2.0
*/ */
body { body {
background: #000000; background: #1e1e1e;
color: #cccccc; color: #cccccc;
} }
.login-page .login-container .login-form { .login-page .login-container .login-form {
@ -58,10 +58,10 @@ body {
opacity: 0.9; opacity: 0.9;
} }
header::after { header::after {
background-color: #000000 !important; background-color: #1e1e1e !important;
} }
.main .main-left { .main .main-left {
background-color: #000000 !important; background-color: #1e1e1e !important;
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.15);
} }
.main .main-left .sidenav-header .brand { .main .main-left .sidenav-header .brand {
@ -102,7 +102,7 @@ header::after {
background-color: #333; background-color: #333;
} }
.main .main-right { .main .main-right {
background-color: #000000; background-color: #1e1e1e;
background-attachment: fixed; background-attachment: fixed;
} }
h2 { h2 {
@ -136,7 +136,7 @@ input:-webkit-autofill {
color: #ccc; color: #ccc;
} }
header.bg-primary { header.bg-primary {
background-color: #000000 !important; background-color: #1e1e1e !important;
} }
.cbi-map-descr { .cbi-map-descr {
color: #ccc; color: #ccc;

4
luci-theme-argon/luasrc/view/themes/argon/header.htm
View File

@ -91,11 +91,11 @@
let prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches; let prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
if (prefersDarkMode) { if (prefersDarkMode) {
viewport = document.querySelector("meta[name=theme-color]"); viewport = document.querySelector("meta[name=theme-color]");
viewport.setAttribute('content', '#000'); viewport.setAttribute('content', '#1e1e1e');
} }
</script> </script>
<% elseif mode == 'dark' then %> <% elseif mode == 'dark' then %>
<meta name="theme-color" content="#000"> <meta name="theme-color" content="#1e1e1e">
<% elseif mode == 'light' then %> <% elseif mode == 'light' then %>
<meta name="theme-color" content="<%=bar_color%>"> <meta name="theme-color" content="<%=bar_color%>">
<% end -%> <% end -%>

4
luci-theme-argon/luasrc/view/themes/argon/header_login.htm
View File

@ -87,11 +87,11 @@
let prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches; let prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
if (prefersDarkMode) { if (prefersDarkMode) {
viewport = document.querySelector("meta[name=theme-color]"); viewport = document.querySelector("meta[name=theme-color]");
viewport.setAttribute('content', '#000'); viewport.setAttribute('content', '#1e1e1e');
} }
</script> </script>
<% elseif mode == 'dark' then %> <% elseif mode == 'dark' then %>
<meta name="theme-color" content="#000"> <meta name="theme-color" content="#1e1e1e">
<% elseif mode == 'light' then %> <% elseif mode == 'light' then %>
<meta name="theme-color" content="<%=bar_color%>"> <meta name="theme-color" content="<%=bar_color%>">
<% end -%> <% end -%>