feat: Add setTheme to custum cozy bar design

[kosssi]

Change theme bar

It's possible to update design on the cozy-bar with setTheme function.

const { setTheme } = cozy.bar
setTheme('default')
setTheme('primary')

This feature impact only mobile version.

default	primary

[edas]

Instead of

html {
  --primary: var(--dodgerBlue)
} 
[role=banner] .coz-bar-wrapper {
  background-color: var(--white)
}
[role=banner] .coz-bar-wrapper.theme-primary {
    background-color: var(--primary)
}

Shouldn't we have something like :

html {
  --primary: var(--dodgerBlue)
  --background: var(--white)
} 
[role=banner] .coz-bar-wrapper {
  background-color: var(--background)
}
[role=banner] .coz-bar-wrapper.theme-primary {
    --primary: var(--white)
    --background: var(--primary)
}

?

[CPatchane]

Looks good but need more tests to be great 👍

[kosssi]

Je pense que c'est problématique d'avoir les SVG avec de la couleur on devrait pouvoir avoir la même SVG pour les 2 themes. Mais c'est à voir dans de l'optimisation dans un futur plus ou moins proche...

[CPatchane]

Did you try to use the fill css property? Or maybe a SVGr component like for Home icon?

[kosssi]

It's more complex because we used it on background-image.

With my comment I wanted to warn you but not necessarily solve the problem in this PR

[CPatchane]

Maybe we can avoid using it as a background-image? Did you try it?
This issue should be solved in this PR instead of keeping it in the code for a while IMHO

[drazik]

@CPatchane I used an Icon from cozy-ui instead of the background-image svg. Is it OK for you like this?

[cozy-bot]

🎉 This PR is included in version 6.13.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀