Add dark theme
It uses prefers-color-scheme CSS @media selector to determine which theme is used. Support table: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme#browser_compatibility
This commit is contained in:
parent
5f5936702d
commit
1526372946
|
@ -57,3 +57,18 @@ body {
|
|||
/* Stretch to form width */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: #212529;
|
||||
color: #f8f9fa;
|
||||
}
|
||||
|
||||
.form__input,
|
||||
.form__button,
|
||||
.textarea {
|
||||
background-color: #131618;
|
||||
border-color: #495057;
|
||||
color: #f8f9fa;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue