mirror of
https://gitlab.com/KevinRoebert/ClearUrls
synced 2025-12-16 06:05:37 +07:00
add dark mode support
This commit is contained in:
31
css/core.css
31
css/core.css
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user