2014-11-30 16 views
8

Non riesco a far funzionare la selezione del tema nell'interfaccia utente semantica.Interfaccia utente semantica - Cambia tema

tento di seguire le istruzioni fornite nella workflow section della documentazione:

file nella cartella examples/ del progetto può essere utile per testare i cambiamenti nella vostra interfaccia utente. Ad esempio, è possibile eseguire gulp watch per scaricare un nuovo tema su src/site/themes/, quindi regolare il file theme.config con il nome del nuovo tema e aggiornare examples/kitchensink.html per ispezionare le modifiche nel tema.

Così nella directory utente semantica, dopo il adatto sorso build/sorso installare passi,

  1. digito gulp watch,

  2. modifico src/theme.config, ad esempio:

    ... 
    /* Elements */ 
    @button  : 'material'; 
    ... 
    
  3. Il file dist/semantic.css viene rigenerato (dice inotify).

Fin qui tutto bene ... tranne che il rendering di examples/kitchensink è ancora quello predefinito. Uno sguardo ravvicinato a dist/semantic.css mostra che è in realtà identico a quello originale.

Qualcuno potrebbe indicare il problema (probabilmente ovvio) nel mio processo?

risposta

17

Fase 1. Change /src/themes/theme.config per riflettere il tema desiderato (es @button:. 'Materiale')

Fase 2. Rebuild - gulp build

Fase 3. aggiornare il browser

+14

Trovo insufficiente la documentazione semantica-ui, ho trascorso un'ora buona per fare questo e non ci sono menzioni di questo nei documenti ovunque. (o sepolto da qualche parte che ho perso/non ho trovato) – PersyJack

+0

Funziona, grazie. Apparentemente, 'gulp watch' non funziona come previsto (vedi anche ). –

+3

Hai funzionato? Ho seguito le tue istruzioni ma sto ancora vedendo il tema predefinito – Mike

Problemi correlati