Currently the tally box is the only way to tell an item is a mirror. That works, but is a bit inelegant and doesn’t translate well to mobile. I have two ideas about how to handle this. They’re both terrible . But I’d love to hear other folks’ ideas so we can maybe figure out some candidates to propose to Jay. Ideally there can be some default look for mirrors that 80% of us don’t hate – and ideally, there will be styling controls for mirrors (and links) in the theme editor, so 20% of us can do something about that.
Suggestion 1: I just found out there is a CSS property called text-shadow. Now, this could look really bad, but perhaps combined with good selection of colors and opacity, it could work?
Suggestion 2: “Shine” on-hover. When user mouses-over a mirrored item, play a quick, subtle, left-to-right animation that gives the impression of light reflecting off a sheet of glass. Like the flash of light you get off a car windshield as it passes you on a sunny day. Something like sequentially flashing the background color of each character to white. Pro: works with other formatting Cons: doesn’t work on mobile and does gives no “at a glance” information because it requires mouseover. Would not come through in screenshots so hard to troubleshoot.