Wechseln Sie Stylesheets in einer Ember-CLI-Anwendung

Question

Ich erstelle eine Anwendung mit Ember CLI. Der Benutzer sollte die Möglichkeit haben, das Thema zu wechseln.

Es gibt zwei Less-Dateien (theme-one.less und theme-two.less), eine für jedes Thema.

Ich bin auf der Suche nach der Ember-Weg, um entweder die "Thema eins" oder "Thema zwei" Datei bedingt zu laden. Gibt es einen Ember-Weg, oder sollte ich das href Attribut des CSS <link> Elements manuell aktualisieren?

Answer 1

Für das, was ich weiß, gibt es keine Möglichkeit, index.html zu ändern, aber ich habe diesen Beitrag folgte, wie man ein Thema meiner Bewerbung:

https://medium.com/@jonpitch/ember-theming-97e9562084c7#.mfugkic8r

Es verwendet sass aber ich habe dasselbe Konzept auf weniger angewendet. Grundsätzlich , sollten Sie einen Dienst erstellen, in dem Sie definieren eine theme Eigenschaft, die Sie als data-theme Attribut in Ihren Vorlagen und ein Modifikator im less Stil (es einfacher ist, den Posten als Erläuterung zu lesen)