To set automatic night mode (dark mode), create a new tiddler and add the
$:/tags/PageTamplate tag.
<$vars
currentTime=<<now "hhmm">>
nightStart="2000" <!-- 20:00 -->
nightEnd="800" <!-- 8:00 -->
>
<$list filter="[<currentTime>compare:number:gteq<nightStart>]
[<currentTime>compare:number:lt<nightEnd>]">
<!-- Code taken from
https://dev.to/akhilarjun/one-line-dark-mode-using-css-24li -->
<style>
html {
filter: invert(1) hue-rotate(180deg);
}
html img {
filter: invert(1) hue-rotate(180deg);
}
</style>
</$list>
</$vars>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/7087d8b8-4c7c-47a1-9b7e-221908ea0bf1n%40googlegroups.com.
