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
|
||
|---|---|---|
| .. | ||
| action-summary.js.es6 | ||
| admin-post.js.es6 | ||
| archetype.js.es6 | ||
| badge-grouping.js.es6 | ||
| badge.js.es6 | ||
| category-list.js.es6 | ||
| category.js.es6 | ||
| composer.js.es6 | ||
| draft.js.es6 | ||
| group-history.js.es6 | ||
| group.js.es6 | ||
| input-validation.js.es6 | ||
| invite.js.es6 | ||
| live-post-counts.es6 | ||
| login-method.js.es6 | ||
| model.js.es6 | ||
| nav-item.js.es6 | ||
| permission-type.js.es6 | ||
| post-action-type.js.es6 | ||
| post-stream.js.es6 | ||
| post.js.es6 | ||
| rest.js.es6 | ||
| result-set.js.es6 | ||
| session.js.es6 | ||
| site.js.es6 | ||
| static-page.js.es6 | ||
| store.js.es6 | ||
| tag-group.js.es6 | ||
| topic-details.js.es6 | ||
| topic-list.js.es6 | ||
| topic-status-update.js.es6 | ||
| topic-tracking-state.js.es6 | ||
| topic.js.es6 | ||
| trust-level.js.es6 | ||
| user-action-group.js.es6 | ||
| user-action-stat.js.es6 | ||
| user-action.js.es6 | ||
| user-badge.js.es6 | ||
| user-posts-stream.js.es6 | ||
| user-stream.js.es6 | ||
| user.js.es6 | ||