Dark mode about attila

[zutrinken]

The latest version has a Dark Mode feature.

[zutrinken]

@joejlam You have to edit the src/sass/style.scss and remove all @media (prefers-color-scheme: dark) {...} ... afterwards you recompile the SASS with Grunt, as described in the readme.

[zutrinken]

Ghost just has a dark mode for their backend but no theme setting option. You can detect the OS setting with media queries. Works in FF & Safari so far.

@media (prefers-color-scheme: light) {

}

@media (prefers-color-scheme: dark) {

}

It needs a lot of rewrite, but actually sounds like nice feature. Let's see what or when I can have deeper look into that.

[fesoliveira014]

Yeah, I just upgraded to Ghost 3.0 and I was really confused by the fact that Casper did not have a toggle for dark/light mode. I had to rebuild the theme enabling dark mode as the standard mode. It would be cool if Attila had this feature :)

[iMagdy]

Yeah, I just upgraded to Ghost 3.0 and I was really confused by the fact that Casper did not have a toggle for dark/light mode. I had to rebuild the theme enabling dark mode as the standard mode. It would be cool if Attila had this feature :)

Casper 3 detects dark mode using prefers-color-scheme, try enabling dark mode in your OS

[fesoliveira014]

I did, but on Linux and Android it was not working, so I had to recompile the theme and force it to be in dark mode all the time.

[joejlam]

@zutrinken I absolutely love the Attila theme. How can I disable this Dark Mode feature globally?