Changing the meta "theme-color"

matteocontrini

I'm looking into changing the meta tag that sets the "theme-color", without changing the primary colour of the whole forum.

Specifically, I'm talking about this HTML tag:

<meta name="theme-color" content="#something">

I see that it's being set here in Flarum's core code: https://github.com/flarum/core/blob/88e43cc6940ee30d6529e9ce659471ec4fb1c474/src/Frontend/Content/Meta.php#L32

Is there a way for an extension to override that 'theme-color' attribute?

Thank you

datitisev

matteocontrini Why would you want to edit that meta tag without changing the forum's theme color ?

matteocontrini

datitisev because I want the top "header" on Android to be white instead of a solid color, so that it blends with the white Flarum UI

datitisev

matteocontrini Why do you need to change it though ? That meta tag is not used anywhere, it is simply for reference, and there's other ways of passing data to the forum if that's what you need.

matteocontrini

datitisev 🤔 Chrome on Android uses the value from that meta tag to color the browser UI

datitisev

matteocontrini Oooh 🤦‍♂️ I see. You should be able to replace it by using the Frontend extender, much like how it does it there. Something like this, but you can move the callable function into an invokable class, which is exactly what Flarum\Frontend\Content\Meta is.

(new Frontend('forum'))
    ->css(...)
    ->js(...)
    ->content(function (Document $document) {
        $document->meta['theme-color'] = '#fff';
    }

jordanjay29

matteocontrini you might try the resources that 010101 posted for adding head tags.

matteocontrini

datitisev thank you!

jordanjay29 thanks, I knew that, but I wasn't sure how to change a meta tag that was already registered

✔ Solved

[deleted]

datitisev Just dropping by here to say thanks. Everything else I tried didn't work (wouldn't override the colour) until I used your method, which replaces instead.

datitisev

jordanjay29 Adding a new meta tag would result in two with the same name, though. Replacing the existing one is better as it will avoid any possible issues for having a duplicate meta tag.

However, that resource is still useful for the code structure.