Add Dark Mode support

This commit is contained in:
Harry Kane 2022-09-16 22:17:22 +00:00
parent 71f03cf321
commit fa7dd66994
6 changed files with 50 additions and 7 deletions

View file

@ -11,3 +11,14 @@ button {
* {
box-sizing: border-box;
}
a {
color: black;
}
@media (prefers-color-scheme: dark) {
body, button, a {
background-color: #313131;
color: #bfbfbf;
}
}

View file

@ -14,11 +14,20 @@
* {
box-sizing: border-box;
}
a {
color: black;
}
@media (prefers-color-scheme: dark) {
body, a, button {
background-color: #313131;
color: #bfbfbf;
}
}
</style>
</head>
<body>
<h1>Options | <small><span id="version"></span><br><span id="version_new"></span></small></h1>
<br><a href="https://gitlab.com/magnolia1234/bypass-paywalls-firefox-clean/-/blob/master/changelog.txt" style="color:black" target="_blank">Changelog</a>
<br><a href="https://gitlab.com/magnolia1234/bypass-paywalls-firefox-clean/-/blob/master/changelog.txt" target="_blank">Changelog</a>
<div style="width:90%;">
<br>Most selected sites will have their cookies cleared (not all though).<br>
You should uncheck the sites (or add to excluded sites) for which you have an account or else you will be logged out at every visit.<br><br>

View file

@ -14,6 +14,15 @@
* {
box-sizing: border-box;
}
a {
color: black;
}
@media (prefers-color-scheme: dark) {
body, button, a, input, select, textarea {
background-color: #313131;
color: #bfbfbf;
}
}
</style>
</head>
<body>

View file

@ -14,6 +14,12 @@
* {
box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
body, textarea, button {
background-color: #313131;
color: #bfbfbf;
}
}
</style>
</head>
<body>

View file

@ -13,15 +13,24 @@
margin: 10px;
box-sizing: border-box;
}
a {
color: black;
}
@media (prefers-color-scheme: dark) {
body, a, button {
background-color: #313131;
color: #bfbfbf;
}
}
</style>
</head>
<body>
<div style="width:275px"><strong>Bypass Paywalls Clean <span id="version"></span></strong><span id="site_switch_span">&nbsp;&nbsp;</span></div>
<div><a href="options.html" style="color:black" target="_blank">Options</a> |
<a href="options_custom.html" style="color:black" target="_blank">Custom</a> |
<a href="https://gitlab.com/magnolia1234/bypass-paywalls-firefox-clean" style="color:black" target="_blank">GitLab</a> |
<a href="https://twitter.com/Magnolia1234B" style="color:black" target="_blank">Twitter</a></div>
<div><a href="https://gitlab.com/magnolia1234/bypass-paywalls-firefox-clean/-/raw/master/changelog.txt" style="color:black" target="_blank">Changelog</a> |
<div><a href="options.html" target="_blank">Options</a> |
<a href="options_custom.html" target="_blank">Custom</a> |
<a href="https://gitlab.com/magnolia1234/bypass-paywalls-firefox-clean" target="_blank">GitLab</a> |
<a href="https://twitter.com/Magnolia1234B" target="_blank">Twitter</a></div>
<div><a href="https://gitlab.com/magnolia1234/bypass-paywalls-firefox-clean/-/raw/master/changelog.txt" target="_blank">Changelog</a> |
<button id="clear_cookies" title="clear cookies (and local storage) for current site">clear cookies</button> |
<button id="button-close" title="close popup">close</button></div>
<div><span id="version_new"></span></div>

View file

@ -76,7 +76,6 @@ function showArchiveLinks() {
let elem = document.createElement('a');
elem.innerText = key;
elem.href = archive_array[key];
elem.style = 'color:black;';
elem.target = '_blank';
elem_div.appendChild(elem);
archive_id.appendChild(elem_div);