mirror of
https://github.com/discourse/discourse.git
synced 2025-09-06 10:50:21 +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
35 lines
1 KiB
JavaScript
35 lines
1 KiB
JavaScript
import ModalFunctionality from 'discourse/mixins/modal-functionality';
|
|
import { ajax } from 'discourse/lib/ajax';
|
|
// import computed from 'ember-addons/ember-computed-decorators';
|
|
|
|
export default Ember.Controller.extend(ModalFunctionality, {
|
|
local: Ember.computed.equal('selection', 'local'),
|
|
remote: Ember.computed.equal('selection', 'remote'),
|
|
selection: 'local',
|
|
adminCustomizeThemes: Ember.inject.controller(),
|
|
|
|
actions: {
|
|
importTheme() {
|
|
|
|
let options = {
|
|
type: 'POST'
|
|
};
|
|
|
|
if (this.get('local')) {
|
|
options.processData = false;
|
|
options.contentType = false;
|
|
options.data = new FormData();
|
|
options.data.append('theme', $('#file-input')[0].files[0]);
|
|
} else {
|
|
options.data = {remote: this.get('uploadUrl')};
|
|
}
|
|
|
|
ajax('/admin/themes/import', options).then(result=>{
|
|
const theme = this.store.createRecord('theme',result.theme);
|
|
this.get('adminCustomizeThemes').send('addTheme', theme);
|
|
this.send('closeModal');
|
|
});
|
|
|
|
}
|
|
}
|
|
});
|
