**List of steps to reproduce**
Open the [[ https://wmde.github.io/wikit/?path=/story/vue_input-basic--all | Input component demo page ]] or the [[ https://wmde.github.io/wikit/?path=/story/vue_lookup-lookup--all | Lookup demo ]] in any browser
**What happens?**:
The placeholder of these components displays the placeholder color (Chrome, Safari) or opacity (Firefox) assigned by the browser by default, which unfortunately happens to not have enough contrast in some cases.
| Chrome | Safari | Firefox
| {F35311130} | {F35311136} | {F35312078}
**What should have happened instead?**:
The placeholder of WiKit Inputs (and the derived Lookup) should display the color specified in the [[ https://github.com/wmde/wikit/blob/master/tokens/properties/components/Input.json#L46 | Input component tokens ]]: #72777d (or $font-color-subtle).
**Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.**:
Tested in Safari v15.5, Firefox Nightly 104 and Chrome v103 on MacOS Monterey.
This issue affects all the projects and features that are reusing WiKit Inputs and. Lookups: The [[ https://wikidata.beta.wmflabs.org/wiki/Special:NewLexemeAlpha | Special:NewLexemeAlpha ]] page and [[ https://query.wikidata.org/querybuilder/?uselang=en | Query builder ]]. Their corresponding tags were added for visibility.
(Please note that TextArea is not affected, as it displays the right, specified placeholder color).
A/C:
[x] Font color is correctly displayed in Wikit
[x] Make a Wikit pre-release
[x] Update Wikit version in Special New Lexeme after doing Wikit pre-release
[] Update Wikit version in Query Builder after doing Wikit pre-release