Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2019-03-15 16:05:56
- philwareham
- Core designer
- From: Haslemere, Surrey, UK
- Registered: 2009-06-11
- Posts: 3,437
- Website
Forum Dark Mode support
I’ve just added support for Dark Mode in this forum (depends on OS and browser support – e.g. Firefox 67 and macOS Mojave). Let me know how it works for you.
After a period of testing here, I will also update our docs site and the Textpattern homepage/blog to support darkness too.
Offline
#2 2019-03-16 00:45:49
- phiw13
- Plugin Author
- From: Japan
- Registered: 2004-02-27
- Posts: 2,230
- Website
Re: Forum Dark Mode support
It seems to hold well with Safari TP.
As a side note, I find it interesting that you choose to go with cold blacks/greys (HSL(210,5%,**)
) for the background colours. I rather choose to go with warmer blacks / greys (HSL(50,5%,**)
). That also helps reduce the blue glare typical of contemporary screens.
Where is that emoji for a solar powered submarine when you need it ?
Offline
#3 2019-03-16 09:04:49
- philwareham
- Core designer
- From: Haslemere, Surrey, UK
- Registered: 2009-06-11
- Posts: 3,437
- Website
Re: Forum Dark Mode support
I followed the design cues in Apple’s Dark Mode recommendations to a certain extent. I guess their thinking is that people will night shift to warner hues to lessen blue glare late at night. It’s a fair point though – interesting to see where designers go with this.
Offline
#4 2019-03-16 09:36:05
- jakob
- Admin
- From: Germany
- Registered: 2005-01-20
- Posts: 4,026
- Website
Re: Forum Dark Mode support
Is this currently dependent on having a nightly version of Firefox or the technology preview of safari? Or can we test this manually (also in the txp admin area) … even if just by manually changing/adding a class or directive via the web inspector?
Something else: one thing I noticed on the forum is that on short posts the message pane (postright) doesn’t extend to the bottom of the post block (postbody).
TXP Builders – finely-crafted code, design and txp
Offline
#5 2019-03-16 11:50:31
- phiw13
- Plugin Author
- From: Japan
- Registered: 2004-02-27
- Posts: 2,230
- Website
Re: Forum Dark Mode support
philwareham wrote #317100:
I followed the design cues in Apple’s Dark Mode recommendations to a certain extent. I guess their thinking is that people will night shift to warner hues to lessen blue glare late at night. It’s a fair point though – interesting to see where designers go with this.
Hmm, but people use Dark Mode all day long… In my eyes (that is very personal experience), using cold / blueish dark tones makes that bleu glare harder all day long. But yeah, we’ll see how it plays out and what people use for their web apps – and how it will play out once iOS (next?) supports dark mode and once the Various Androids do.
(I use a yellow/orange toned desktop image on all my devices to reduce that blue glare a little)
Where is that emoji for a solar powered submarine when you need it ?
Offline
#6 2019-03-16 11:53:40
- phiw13
- Plugin Author
- From: Japan
- Registered: 2004-02-27
- Posts: 2,230
- Website
Re: Forum Dark Mode support
jakob wrote #317101:
Is this currently dependent on having a nightly version of Firefox or the technology preview of safari? Or can we test this manually (also in the txp admin area) … even if just by manually changing/adding a class or directive via the web inspector?
Yes, I think so, as it relies to on Media Queries in the stylesheet. No other browser support those currently.
I think this issue might bring some more flexibility to the TXP admin interface. I think it might be a value addition.
Where is that emoji for a solar powered submarine when you need it ?
Offline
#7 2019-04-01 16:56:19
- philwareham
- Core designer
- From: Haslemere, Surrey, UK
- Registered: 2009-06-11
- Posts: 3,437
- Website
Re: Forum Dark Mode support
I have now implemented Dark Mode for the project homepage, and for the documentation, too. If you spot any obvious display glitches then let me know. Cheers!
Offline
#8 2019-04-01 20:41:55
- jakob
- Admin
- From: Germany
- Registered: 2005-01-20
- Posts: 4,026
- Website
Re: Forum Dark Mode support
Thanks Phil! I can now test it on Safari as of the last Mojave update.
TXP Builders – finely-crafted code, design and txp
Offline
#9 2019-04-08 08:42:54
- phiw13
- Plugin Author
- From: Japan
- Registered: 2004-02-27
- Posts: 2,230
- Website
Re: Forum Dark Mode support
philwareham wrote #317441:
I have now implemented Dark Mode for the project homepage, and for the documentation, too. If you spot any obvious display glitches then let me know. Cheers!
On the front page of the documentation site, the background on the container for the search field is a (very) light grey. That feels like blinding in dark mode. Uncomfortably so (it does not help that the search field itself is quite large). Perhaps make that background medium grey ?
Last edited by phiw13 (2019-04-08 08:45:04)
Where is that emoji for a solar powered submarine when you need it ?
Offline
#10 2019-04-08 08:46:01
- philwareham
- Core designer
- From: Haslemere, Surrey, UK
- Registered: 2009-06-11
- Posts: 3,437
- Website
Re: Forum Dark Mode support
phiw13 wrote #317530:
On the front page of the documentation site, the background on the container for the search field is a (very) light grey. That feels like blinding in dark mode. Uncomfortably so (it does not help that the search field itself is quite large). Perhaps make that background medium grey ?
Yep, that needs to be fixed eventually. I’ve not amended the colour of the zebra strips as yet.
Offline