Tweak the general layout of the Daemonite Material Theme towards slightly bolder appearance, mainly by using larger font sizes and element dimensions. On the other hand, decrease some font sizes to optimize display for mobile.
Background
This was spawned while working on implementing the Daemonite Material Theme on another Discourse instance the other day. While it’s only some minor amendments to CSS, we just wrapped it up and packaged it to help others with similar requirements. Also, it might spawn a discussion about whether and how to incorporate this into the original theme.
When combining this with some other tweaks using the Category badge adjustment component, which is basically about making the corners of the category badges less rounded and emphasizing the category label, you will get these results:
Bummer. This indeed works fine with Safari Version 11.0.3, the only one available to me. Haven’t been able to look at this through Safari 12.x yet.
I would like to avoid spamming the main topic when working on this, so could someone from the Discourse team please divert this discussion (i.e. the last three topic items) to Daemonite Material Theme: Ample layout adjustments? Thanks!
Thanks @_vincent. I just gave it a try on browserstack.com as there’s no Safari 12.x currently around us.
Results for Safari 11.1 and 12.0
Thumbnails
OS X High Sierra: Safari 11.1
OS X Mojave: Safari 12
This looks reasonably good to me. Do you have an idea what could have gone wrong? Do you have more details about your devices or setup, if this might actually matter resolving this issue? I feel a bit silly now.