demus/openhab-core
1
0
Fork 0
mirror of https://github.com/danieldemus/openhab-core.git synced 2025-01-10 21:31:53 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

Add dark mode support in authorize page (#1600)

Browse Source 
Closes https://github.com/openhab/openhab-webui/issues/309.
This only honors the scheme as reported by the `prefers-color-scheme` CSS media feature, i.e. local overrides for the main UI are not taken into account.
Tweak submit button styles to mimic the main UI's desktop theme.

Signed-off-by: Yannick Schaus <github@schaus.net>
This commit is contained in:
Yannick Schaus 2020-08-21 11:13:49 +02:00 committed by GitHub
parent d5529f0c1b
commit e1771c3b74
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
bundles/org.openhab.core.io.http.auth/pages/authorize.html
View File

@ -19,6 +19,17 @@ body {
Ubuntu, Cantarell, "Noto Sans", sans-serif, Helvetica, Arial,
sans-serif;
}
@media (prefers-color-scheme: dark) {
body, input.field {
background-color: rgb(18, 18, 18);
color: white;
}
input.field {
border-bottom: 1px solid #333 !important;
}
}
.logo {
margin-top: 3rem;
@ -49,8 +60,14 @@ input.submit {
background-color: rgb(33, 150, 243);
color: white;
border-radius: 4px;
font-size: 11pt;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
padding-left: 1rem;
padding-right: 1rem;
}
input.submit:hover {
background-color: rgb(72, 168, 245);
}
</style>
</head>