Please note that some of the changes recommended in this guide involve making direct changes to the theme code. If you encounter difficulties with this, please contact a third-party developer for more troubleshooting, customization, or functionality.
Safari uses the theme color meta tag to determine the top bar color of your website. By design, the theme is configured to use the button color under Theme settings > Colors > General for this section.
If you want to assign a separate color, you can do so by editing the theme code. First, open the code editor by clicking the ... button, then click on Edit code.
Open the theme.liquid file in the layout folder and look for the following code:
<meta name="theme-color" content="{{ settings.color_button }}">Replace {{ settings.color_button }} with the HTML color name or hex code that you want. For example:
<meta name="theme-color" content="#5F9EA0">