AndrewShkrob/organicmaps
1
Fork 0
forked from organicmaps/organicmaps
Code Pull requests Activity

Dark mode support for FAQ and copyright html

Browse source 
Signed-off-by: Alexander Borsuk <me@alex.bio>
This commit is contained in:
Alexander Borsuk 2022-01-24 17:03:15 +01:00 • committed by Alexander Borsuk
parent e8c4466450
commit d05c8de6b8
2 changed files with 52 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
data/copyright.html
View file

@ -6,12 +6,34 @@
<meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0;'>
<title>Copyright</title>
<style type="text/css">
/* Dark mode support. */
:root {
color-scheme: light dark;
--primary-color: black;
--secondary-color: #555555;
--link-color: #1e96f0;
--internal-link-color: black;
--background-color: white;
--separator-color: #0e0e0e;
}
@media screen and (prefers-color-scheme: dark) {
:root {
--primary-color: #b5b5b5;
--secondary-color: #858585;
--link-color: #2ea6ff;
--internal-link-color: darkgrey;
--background-color: black;
--separator-color: #0a0a0a;
}
}
html { color: var(--secondary-color); background-color: var(--background-color); }
body { font-family: sans-serif; }
.section { border-bottom: thin solid black; }
h2, h3 { color: var(--primary-color); }
.section { border-bottom: thin solid var(--separator-color); }
.android { display: none; }
.license-list li { margin-bottom: 0.3em; }
.license, .license:visited { color: black; }
a:visited { color: blue; }
.license, .license:visited { color: var(--internal-link-color); }
a, a:visited { color: var(--link-color); }
/* Translated elements are invisible by default */
[lang = "en"], [lang = "ru"], [lang = "vi"], [lang = "tr"], [lang = "th"],

34
data/faq.html
View file

@ -7,15 +7,32 @@
content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
/>
<style>
/* All langs are invisible by default */
/* 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: #1e96f0;
--background-color: white;
--separator-color: #0e0e0e;
}
@media screen and (prefers-color-scheme: dark) {
:root {
--primary-color: #b5b5b5;
--secondary-color: #858585;
--link-color: #2ea6ff;
--background-color: black;
--separator-color: #0a0a0a;
}
}
h3 {
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 1.4;
}
dd {
@ -24,26 +41,29 @@
margin-left: 0;
margin-bottom: 16px;
font-size: 16px;
color: #757575;
color: var(--secondary-color);
line-height: 1.4;
padding-bottom: 24px;
border-bottom: 1px solid #e0e0e0;
border-bottom: 1px solid var(--separator-color);
}
.faq {
border-bottom: 1px solid #e0e0e0;
border-bottom: 1px solid var(--separator-color);
}
dl {
margin: 0 0 2em 0;
}
html {
color: var(--primary-color);
background-color: var(--background-color);
}
body {
margin-right: 16px;
margin-left: 16px;
margin-bottom: 16px;
font-size: 16px;
font-family: "Helvetica Neue", "Roboto", "Arial", "sans-serif";
color: #000000;
}
html {
@ -51,7 +71,7 @@
}
a {
color: #1e96f0;
color: var(--link-color);
text-decoration: none;
}
</style>