add dark mode support

This commit is contained in:
Danny Colin
2022-03-22 17:47:24 +00:00
committed by Kevin
parent 2ee6508f86
commit 4894c966dc

View File

@@ -16,10 +16,41 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
:root {
--page-bg-color: #fff;
--page-fg-color: #15141a;
--input-bg-color: #fff;
--input-border-color: #8f8F9d;
--input-fg-color: #15141a;
}
@media (prefers-color-scheme: dark) {
:root {
--page-bg-color: #23222b;
--page-fg-color: #fbfbfe;
--input-bg-color: #42414d;
--input-border-color: #8f8F9d;
--input-fg-color: #fbfbfe;
}
}
body {
background-color: var(--page-bg-color);
color: var(--page-fg-color);
font-size: 14px;
}
.form-control,
.form-control:disabled,
.form-control:focus,
.form-control[readonly] {
background-color: var(--input-bg-color);
border: solid 1px var(--input-border-color);
color: var(--input-fg-color);
}
.small-version {
font-size: 10px;
}