[FEATURE] implement dark mode

[ghost]

styles are inlined/internal only. To keep latency low and avoid any render blocking resource, we might need to keep using internal css, but there is a way to re-use and import common css by using Go nested templates.

This can be achieved easily as follows:

common-css.html

{{ define "common-css" }}
<style type="text/css">
// common css code here ...
</style>
{{ end }}

landing.html

<head:>
...
{{ template "common-css" }}
</head>
...

Please see discussions and issues

• extract styles to individual css files #39
• [DX] use nested templates and make header/footer/nav reusable #36

[vitaly-zdanevich]

For me this is already possible to start working on this issue or I need to wait to some refactor to finish?

[ghost]

I am not aware of anybody working on the nested template refactoring yet, so If you want you can give it a go :)

I am not sure how you want to implement it? I guess some sort of button to switch on and off dark mode? Open to your suggestions

[vitaly-zdanevich]

how you want to implement it?

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

[ghost]

I think it will be pretty straightforward then, you can either copy pasta all the dark mode css everywhere or create the dark-mode-css.html nested template as shown above so it can be re-used. Up to how best works for you :)

[vitaly-zdanevich]

Thanks. How can I check my changes locally without installing Docker, PostgreSQL?

[ghost]

Right now you must need the following in order to run it locally: Bash, Go, Docker. You can just run a script to set it up. ./setup-database.sh - are you having issues with Docker? You don't need to install PostgreSQL locally you just need docker running and the bash script will do the rest

[vitaly-zdanevich]

Do not want to pollute my system with Docker, I will try with Devtools only :)

[ghost]

fair enough - not sure if there are other ways you can test this locally. Docker is a pretty standard tool for dev work. Can use postgres installed locally as well. But up to you really. Open to suggestions for better dev experience if you have any