mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 17:23:42 +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
29 lines
780 B
Plaintext
29 lines
780 B
Plaintext
<html>
|
|
<head>
|
|
<%= discourse_stylesheet_link_tag 'wizard', theme_key: nil %>
|
|
<%= script 'ember_jquery' %>
|
|
<%= script 'wizard-vendor' %>
|
|
<%= script 'wizard-application' %>
|
|
<%= script "locales/#{I18n.locale}" %>
|
|
<%= render partial: "common/special_font_face" %>
|
|
<script src="<%= Discourse.base_uri %>/extra-locales/wizard"></script>
|
|
<%= csrf_meta_tags %>
|
|
|
|
<meta name="discourse-base-uri" content="<%= Discourse.base_uri %>">
|
|
|
|
<%= render partial: "layouts/head" %>
|
|
<title><%= t 'wizard.title' %></title>
|
|
</head>
|
|
|
|
<body class='wizard'>
|
|
<div id='wizard-main'></div>
|
|
|
|
<script>
|
|
(function() {
|
|
var wizard = require('wizard/wizard').default.create();
|
|
wizard.start();
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|