mirror of
https://codeberg.org/comaps/comaps
synced 2026-01-14 08:04:23 +00:00
[android] Add support of dark mode for how to edit oh html file
Signed-off-by: Jean-Baptiste <jeanbaptiste.charron@outlook.fr>
This commit is contained in:
committed by
jeanbaptisteC
parent
649d947eac
commit
b4abd476db
@@ -2,12 +2,38 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||||
<style>
|
||||
/* All langs are invisible by default. */
|
||||
[lang] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Dark mode support. */
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
--primary-color: black;
|
||||
--secondary-color: #555555;
|
||||
--link-color: #37653F;
|
||||
--background-color: white;
|
||||
--separator-color: #0e0e0e;
|
||||
}
|
||||
|
||||
@media screen and (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--primary-color: #b5b5b5;
|
||||
--secondary-color: #858585;
|
||||
--link-color: #659464;
|
||||
--background-color: black;
|
||||
--separator-color: #0a0a0a;
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
color: var(--secondary-color);
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
.example {
|
||||
font-weight: bold;
|
||||
font-family: monospace;
|
||||
|
||||
Reference in New Issue
Block a user