Skip to content

How do I change Chrome’s media notification background colors

I want to know how to change media notification colors in Google Chrome.

Crunchyroll, Vimeo and Dailymotion media notifications

Crunchyroll, Vimeo and Dailymotion have their unique media notifications. How can I change the background color of a media notification in Google Chrome?



The default color is like you said, the main favicon color. But you can customize the media notification with artwork, then is that main artwork color the background color.

navigator.mediaSession.metadata = new MediaMetadata({title: 'white', artwork: [
    { src: BASE_URL + 'big-buck-bunny/artwork-512.png', sizes: '512x512', type: 'image/png' },

enter image description here

Check out the webdev guide for the implementation link

And the example

User contributions licensed under: CC BY-SA
6 People found this is helpful