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
|
||
|---|---|---|
| .. | ||
| android-app-banner-service-worker.js.es6 | ||
| apply-flagged-properties.js.es6 | ||
| asset-version.js.es6 | ||
| auth-complete.js.es6 | ||
| auto-load-modules.js.es6 | ||
| banner.js.es6 | ||
| click-interceptor.js.es6 | ||
| csrf-token.js.es6 | ||
| ember-events.js.es6 | ||
| enable-emoji.js.es6 | ||
| ensure-max-image-dimensions.js.es6 | ||
| focus-event.js.es6 | ||
| inject-objects.js.es6 | ||
| jquery-plugins.js.es6 | ||
| keyboard-shortcuts.js.es6 | ||
| live-development.js.es6 | ||
| localization.js.es6 | ||
| logout.js.es6 | ||
| logs-notice.js.es6 | ||
| message-bus.js.es6 | ||
| mobile.js.es6 | ||
| page-tracking.js.es6 | ||
| post-decorations.js.es6 | ||
| read-only.js.es6 | ||
| register-discourse-location.js.es6 | ||
| relative-ages.js.es6 | ||
| sharing-sources.js.es6 | ||
| show-footer.js.es6 | ||
| signup-cta.js.es6 | ||
| subscribe-user-notifications.js.es6 | ||
| url-redirects.js.es6 | ||