bimlas,
 This is really amazing! have a look at the ongoing discussion at GitHub: 

https://github.com/Jermolene/TiddlyWiki5/issues/4769
https://github.com/Jermolene/TiddlyWiki5/issues/5023

 I like the having a button on the page control to switch day/night and 
solution you provided for automatic switch.

Best
Mohammad

On Friday, November 20, 2020 at 1:59:33 AM UTC+3:30 bimlas wrote:

> 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/79dfe662-34e8-4c2f-806f-414a2575ef09n%40googlegroups.com.

Reply via email to