There's a discrepancy on disabled elements in the implementation in MobileFrontend (via mediawiki.UI) and OOjs UI and design (M101).
Before the [[ https://phabricator.wikimedia.org/M82 | color palette ]] overhaul, disabled elements in M101 have featured `text-shadow` to leverage the contrast of primary buttons (especially white color on grey background), which didn't and still doesn't comply to WCAG 2.0 level AA.
The design template featured `text-shadow: rgba( 0, 0, 0, 0.1 )` though, which gives the text a slight 3D touch. In our conversations which predated the new color palette, we've concluded on using 3D just for `box-shadow`s and very carefully.
Please provide feedback what of the following options is the best to progress:
# No shadow,
# 3D resembling text-shadow
# Blurred to all sides text-shadow for more contrast.
Find them exemplified at https://codepen.io/Volker_E/pen/ALdbQE