Semantic UI - Thema Ändern

Komme ich nicht an die theme-Auswahl arbeiten im Semantic UI.

Ich versuche, Folgen Sie den Anweisungen in der workflow-Abschnitt der Dokumentation:

Dateien in der examples/ Ordner Ihres Projektes nützlich sein kann für die Prüfung der änderungen in der Benutzeroberfläche. Zum Beispiel könnten Sie laufen gulp watch download ein neues Thema zu src/site/themes/ dann stellen Sie Ihre theme.config Datei mit dem Namen des neuen Designs und aktualisieren examples/kitchensink.html zu untersuchen Veränderungen in das Thema.

So, in die semantic-ui-Verzeichnis nach dem passenden Schluck bauen /gulp installieren Schritte,

  1. Tippe ich gulp watch,

  2. Ich ändern src/theme.config zum Beispiel:

    ...
/* Elements */
@button     : 'material';
...

  3. Die Datei dist/semantic.css regeneriert wird (sagt inotify).

So weit So gut ... außer, dass die Darstellung der examples/kitchensink ist immer noch die Voreinstellung.
Ein genauerer Blick auf dist/semantic.css zeigt, dass es eigentlich identisch mit dem original.

Könnte jemand darauf hinweisen, die (vermutlich offensichtliche) Problem in meinem Prozess ?

InformationsquelleAutor Sébastien Boisgérault | 2014-11-30
  1. 19

    Schritt 1. Ändern /src/themes/theme.config entsprechend Ihrer gewünschten Thema (ex. @Knopf: 'material')

    Schritt 2. Rebuild - gulp build

    Schritt 3. Aktualisieren Sie Ihren browser

    • Ich finde, semantic-ui-docs unzureichend, verbrachte ich eine gute Stunde, dies zu tun und es gibt keine Erwähnung von diesem in der Dokumentation überall. (oder irgendwo vergraben habe ich verpasst/nicht finden konnte)
    • Es funktioniert, danke. Offenbar, 'gulp watch' funktioniert nicht wie vorgesehen (siehe auch <" >github.com/Semantic-Org/Semantic-UI/issues/1344>).
    • Hast du es funktioniert? Ich habe Ihren Anweisungen gefolgt, aber ich sehe noch das Standard-theme
    • Haben Sie versucht, aktualisieren Sie Ihre Knoten? arbeitete für mich
    • Aktualisierung der Knoten kann nun die Arbeit. In der Zeit der post, die watch war nicht wie erwartet funktioniert.
    • Zuerst es hat nicht funktioniert für mich. Dann bringe ich wieder das Standard-theme-Ordner unter src/themes/ (ich entfernt es für einige Versuch und Irrtum). Dann hat es geklappt! Sieht aus wie das Standard-theme muss immer da sein, was Sinn macht, da es die fallback-theme. Aber zumindest sollte es eine Art der Benachrichtigung, wenn das Standard-theme fehlt.
    • Wo ist die Liste der availible-Themen?

    InformationsquelleAutor snakesNbronies
Schreibe einen Kommentar