mirror of
https://github.com/discourse/discourse.git
synced 2024-11-29 08:34:33 +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
63 lines
2.1 KiB
Handlebars
63 lines
2.1 KiB
Handlebars
<div class="current-style {{if maximized 'maximized'}}">
|
|
<div class='wrapper'>
|
|
<h2>{{i18n 'admin.customize.theme.edit_css_html'}} {{#link-to 'adminCustomizeThemes.show' model.id replace=true}}{{model.name}}{{/link-to}}</h2>
|
|
|
|
<ul class='nav nav-pills target'>
|
|
<li>
|
|
{{#link-to 'adminCustomizeThemes.edit' model.id 'common' fieldName replace=true title=field.title}}
|
|
{{i18n 'admin.customize.theme.common'}}
|
|
{{/link-to}}
|
|
</li>
|
|
<li>
|
|
{{#link-to 'adminCustomizeThemes.edit' model.id 'desktop' fieldName replace=true title=field.title}}
|
|
{{i18n 'admin.customize.theme.desktop'}}
|
|
{{fa-icon 'desktop'}}
|
|
{{/link-to}}
|
|
</li>
|
|
<li>
|
|
{{#link-to 'adminCustomizeThemes.edit' model.id 'mobile' fieldName replace=true title=field.title}}
|
|
{{i18n 'admin.customize.theme.mobile'}}
|
|
{{fa-icon 'mobile'}}
|
|
{{/link-to}}
|
|
</li>
|
|
</ul>
|
|
|
|
<div class='admin-controls'>
|
|
<ul class='nav nav-pills fields'>
|
|
{{#each fields as |field|}}
|
|
<li>
|
|
{{#link-to 'adminCustomizeThemes.edit' model.id currentTargetName field.name replace=true title=field.title}}
|
|
{{#if field.icon}}{{fa-icon field.icon}} {{/if}}
|
|
{{i18n field.key}}
|
|
{{/link-to}}
|
|
</li>
|
|
{{/each}}
|
|
<li class='toggle-maximize'>
|
|
<a {{action "toggleMaximize"}}>
|
|
<i class="fa fa-{{maximizeIcon}}"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<div class='custom-ace-gutter'></div>
|
|
{{ace-editor content=activeSection mode=activeSectionMode}}
|
|
</div>
|
|
|
|
<div class='admin-footer'>
|
|
<div class='status-actions'>
|
|
{{#unless model.changed}}
|
|
<a class='preview-link' href={{previewUrl}} target='_blank' title="{{i18n 'admin.customize.explain_preview'}}">{{i18n 'admin.customize.preview'}}</a>
|
|
{{/unless}}
|
|
</div>
|
|
|
|
<div class='buttons'>
|
|
{{#d-button action="save" disabled=saveDisabled class='btn-primary'}}
|
|
{{saveButtonText}}
|
|
{{/d-button}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|