My vue.js application resets the theme color when I type in the text input. How to make the theme color stay?

Question

I set in index.html and that gives the desired theme color to the browser\'s tab:

but when

Answer 1

Your theme color gets reset, because you are inserting data into an input field on a page with http:// (not using a secure connection). Chrome is resetting the theme color to the default and is adding a warning triangle to the URL so that the user is aware that his or her inputs are not secure. That's a security feature of Chrome. You should try it out with a valid SSL/TLS certificate on HTTPS and then it should stay the same color.