mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 20:13:43 +08:00
a3e8c3cd7b
This feature introduces the concept of themes. Themes are an evolution of site customizations. Themes introduce two very big conceptual changes: - A theme may include other "child themes", children can include grand children and so on. - A theme may specify a color scheme The change does away with the idea of "enabled" color schemes. It also adds a bunch of big niceties like - You can source a theme from a git repo - History for themes is much improved - You can only have a single enabled theme. Themes can be selected by users, if you opt for it. On a technical level this change comes with a whole bunch of goodies - All CSS is now compiled using a custom pipeline that uses libsass see /lib/stylesheet - There is a single pipeline for css compilation (in the past we used one for customizations and another one for the rest of the app - The stylesheet pipeline is now divorced of sprockets, there is no reliance on sprockets for CSS bundling - CSS is generated with source maps everywhere (including themes) this makes debugging much easier - Our "live reloader" is smarter and avoid a flash of unstyled content we run a file watcher in "puma" in dev so you no longer need to run rake autospec to watch for CSS changes
22 lines
745 B
JavaScript
22 lines
745 B
JavaScript
export default Ember.Route.extend({
|
|
|
|
serialize(model) {
|
|
return {theme_id: model.get('id')};
|
|
},
|
|
|
|
model(params) {
|
|
const all = this.modelFor('adminCustomizeThemes');
|
|
const model = all.findBy('id', parseInt(params.theme_id));
|
|
return model ? model : this.replaceWith('adminCustomizeTheme.index');
|
|
},
|
|
|
|
setupController(controller, model) {
|
|
controller.set("model", model);
|
|
const parentController = this.controllerFor("adminCustomizeThemes");
|
|
parentController.set("editingTheme", false);
|
|
controller.set("allThemes", parentController.get("model"));
|
|
controller.set("colorSchemes", parentController.get("model.extras.color_schemes"));
|
|
controller.set("colorSchemeId", model.get("color_scheme_id"));
|
|
}
|
|
});
|