[BUG] - Setting theme primary colour doesn't change theme-color meta

[tecosaur]

First Check

• This is not a feature request.
• I added a very descriptive title to this issue (title field is above this).
• I used the GitHub search to find a similar issue and didn't find it.
• I searched the Mealie documentation, with the integrated search.
• I already read the docs and didn't find an answer.
• This issue can be replicated on the demo site (https://demo.mealie.io/).

What is the issue you are experiencing?

I've recently customised the THEME_DARK_ACCENT and THEME_LIGHT_PRIMARY on my Mealie instance. After figuring out the caching issues, I've noticed that the theme-color meta tag isn't affected by this, leading to what I'd consider a UI bug:

On iOS for instance, the orange banner appears as you start scrolling, which is rather jarring difference from the selected primary colour used in the banner.

Steps to Reproduce

• Customise your mealie colours
• Observe

Please provide relevant logs

n/a

Mealie Version

v2.2.0

Deployment

Other (please specify below)

Additional Deployment Details

On NixOS

[Kuchenpirat]

The theme color meta tag is set to primary there here:

mealie/frontend/nuxt.config.js

Line 363 in aceed2a

theme_color: process.env.THEME_LIGHT_PRIMARY || "#E58325",

But i could reproduce it not having any effect so marking as confirmed 👍