You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.9 KiB
Smarty
61 lines
1.9 KiB
Smarty
<h1><i class="fa fa-th"></i> Themes</h1>
|
|
<hr />
|
|
|
|
<div class="themes">
|
|
<ul class="nav nav-tabs">
|
|
<li class="active"><a href="#" data-target="#themes" data-toggle="tab">Themes</a></li>
|
|
<li><a href="#" data-target="#customise" data-toggle="tab">Customise</a></li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="themes">
|
|
<h3>Installed Themes</h3>
|
|
<p>
|
|
The following themes are currently installed in this NodeBB instance.
|
|
</p>
|
|
<ul class="directory" id="installed_themes">
|
|
<li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
|
|
</ul>
|
|
|
|
<h3>Bootswatch Themes</h3>
|
|
<p>
|
|
NodeBB Themes are powered by Bootswatch, a repository containing themes built
|
|
with Bootstrap as a base theme.
|
|
</p>
|
|
<ul class="directory" id="bootstrap_themes">
|
|
<li><i class="fa fa-refresh fa-spin"></i> Loading Themes</li>
|
|
</ul>
|
|
|
|
<h3>Revert to Default</h3>
|
|
<p class="alert">
|
|
<button class="btn btn-warning" id="revert_theme">Revert</button> This will remove any custom theme applied to your NodeBB, and restore the base theme.
|
|
</p>
|
|
</div>
|
|
<div class="tab-pane" id="customise">
|
|
<h3>Custom CSS</h3>
|
|
<p>
|
|
You may also opt to enter your own CSS declarations here, which will be applied after all other styles.
|
|
</p>
|
|
<textarea class="well" data-field="customCSS" placeholder="Enter your custom CSS here..."></textarea>
|
|
|
|
<form class="form">
|
|
<div class="form-group">
|
|
<label for="useCustomCSS">
|
|
Use Custom CSS?
|
|
<input id="useCustomCSS" type="checkbox" data-field="useCustomCSS" />
|
|
</label>
|
|
</div>
|
|
</form>
|
|
|
|
<button class="btn btn-primary" id="save">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var bootswatchListener = function(data) {
|
|
require(['forum/admin/themes'], function(t) {
|
|
t.render(data);
|
|
});
|
|
}
|
|
</script> |