Merge pull request #226 from MarshDeer/main

Added dark theme to redirection pages
This commit is contained in:
Dylan 2024-08-30 20:48:57 +01:00 committed by GitHub
commit 260cd055c0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 6 deletions

View File

@ -7,14 +7,16 @@
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<script> <script>
function savePreference() { function savePreference() {
var checkbox = document.getElementById("openLinksCheckbox"); /* Open Links in App*/
localStorage.setItem("openLinksPreference", checkbox.checked); var openlinksToggle = document.getElementById("openLinksCheckbox");
localStorage.setItem("openLinksPreference", openlinksToggle.checked);
} }
function loadPreference() { function loadPreference() {
var checkbox = document.getElementById("openLinksCheckbox"); /* Open Links in App */
var preference = localStorage.getItem("openLinksPreference"); var openlinksToggle = document.getElementById("openLinksCheckbox");
checkbox.checked = preference === "true"; var openlinksPreference = localStorage.getItem("openLinksPreference");
openlinksToggle.checked = openlinksPreference === "true";
} }
</script> </script>
<link rel="stylesheet" type="text/css" href="/style.css"> <link rel="stylesheet" type="text/css" href="/style.css">

View File

@ -4,4 +4,17 @@
<meta name="twitter:title" content="{{ tweet['user_name'] }} (@{{ tweet['user_screen_name'] }})" /> <meta name="twitter:title" content="{{ tweet['user_name'] }} (@{{ tweet['user_screen_name'] }})" />
<script src="/openInApp.js"></script> <script src="/openInApp.js"></script>
<script>document.addEventListener('DOMContentLoaded',function(){openTweet('{{ tweet["tweetID"] }}')})</script> <script>document.addEventListener('DOMContentLoaded',function(){openTweet('{{ tweet["tweetID"] }}')})</script>
<style>
body {
background: #fff;
color: #000;
}
@media (prefers-color-scheme: dark) {
body {
background: #000;
color: #fff;
}
}
</style>