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
28 lines
1.2 KiB
Handlebars
28 lines
1.2 KiB
Handlebars
{{#d-modal-body class='upload-selector' title="admin.customize.theme.import_theme"}}
|
|
<div class="radios">
|
|
{{radio-button name="upload" id="local" value="local" selection=selection}}
|
|
<label class="radio" for="local">{{i18n 'upload_selector.from_my_computer'}}</label>
|
|
{{#if local}}
|
|
<div class="inputs">
|
|
<input type="file" id="file-input" accept='.dcstyle.json'><br>
|
|
<span class="description">{{i18n 'admin.customize.theme.import_file_tip'}}</span>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="radios">
|
|
{{radio-button name="upload" id="remote" value="remote" selection=selection}}
|
|
<label class="radio" for="remote">{{i18n 'upload_selector.from_the_web'}}</label>
|
|
{{#if remote}}
|
|
<div class="inputs">
|
|
{{input value=uploadUrl placeholder="https://github.com/discourse/discourse/sample_theme"}}
|
|
<span class="description">{{i18n 'admin.customize.theme.import_web_tip'}}</span>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
{{/d-modal-body}}
|
|
|
|
<div class="modal-footer">
|
|
{{d-button action="importTheme" disabled=loading class='btn btn-primary' icon='upload' label='admin.customize.import'}}
|
|
<a href {{action "closeModal"}}>{{i18n 'cancel'}}</a>
|
|
</div>
|