@Masetrix this functionality is usually only available if development mode is enabled - it's primarily a development tool and we don't generally recommend it as a general purpose tool.
So most people won't be able to follow your instructions.
But I noticed some interesting differences. First, I don't actually think you have development mode enabled, I think this functionality is just available to you. It also seems as though you have a "Style" selector on the template modification pages. Template modifications are always applied to the master style, and not per-style.
Do you have an add-on which enables this functionality more generally, if so, you may need to mention that in your guide.
Additionally, this is not recommended:
Note the text:
You may use $0 to insert the found text.
With that in mind, your replacement could be simplified to:
HTML:
$0
<meta name="theme-color" content="#185886" />
In fact, your entire "Find" field could be simplified to:
HTML:
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
Or even:
Always use the minimum possible text in your find string. All you have to do is make sure the bit that you "find" only appears once, otherwise it may be replaced multiple times.
Finally, and most crucially, your example is extremely flawed.
XenForo already adds the
theme-color meta tag:
HTML:
<xf:if is="property('metaThemeColor')">
<meta name="theme-color" content="{{ parse_less_color(property('metaThemeColor')) }}" />
</xf:if>
You just have to set the
metaThemeColor style property to whatever colour you want.
