Bonjour,

je suis entrain de développer un site (html5/angular/bootstrap) avec la possibilité de changer des couleurs (backgrounds, menu, typo etc..) en fonction d'une entreprise que j'aurai choisi via une combobox.
ex :
liste box avec 2 entreprises bidons :
- st etienne (bon c une ville )
- orange

Quand je choisi St Etienne : l'aspect du site passe en vert
Quand je choisi Orange: l'aspect du site passe en orange.

J'utilise LESS dans mon projet.

Par exemple mon header ressemble à ça :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Animated Burger, Bootstrap</a>
    </div>
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a>
            </li>
        </ul>
    </div>
</div>
Et dans mon fichier less :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
 
@orangeCouleur:##FF8C00;
.navbar {
  background-color:@orangeCouleur;
}
Le bandeau est bien orange

Comment faire en sorte que le style change en fonction de la valeur choisi ?

Merci.