nodebb-theme-harmony 1.0.53 → 1.0.55

package/library.js

@@ -177,38 +177,7 @@ library.saveUserSettings = async function (hookData) {
 };
 
 library.filterMiddlewareRenderHeader = async function (hookData) {
-	const userSettings = await user.getSettings(hookData.req.uid);
-
-	const defaultSkin = _.capitalize(meta.config.bootswatchSkin) || '[[user:no-skin]]';
-	const defaultSkins = [
-		{ name: `[[user:default, ${defaultSkin}]]`, value: '', selected: userSettings.bootswatchSkin === '' },
-		{ name: '[[user:no-skin]]', value: 'noskin', selected: userSettings.bootswatchSkin === 'noskin' },
-	];
-	const lightSkins = [
-		'cerulean', 'cosmo', 'flatly', 'journal', 'litera',
-		'lumen', 'lux', 'materia', 'minty', 'morph', 'pulse', 'sandstone',
-		'simplex', 'sketchy', 'spacelab', 'united', 'yeti', 'zephyr',
-	];
-	const darkSkins = [
-		'cyborg', 'darkly', 'quartz', 'slate', 'solar', 'superhero', 'vapor',
-	];
-	function parseSkins(skins) {
-		skins = skins.map(skin => ({
-			name: _.capitalize(skin),
-			value: skin,
-		}));
-		skins.forEach((skin) => {
-			skin.selected = skin.value === userSettings.bootswatchSkin;
-		});
-		return skins;
-	}
-
-	hookData.templateData.bootswatchSkinOptions = {
-		default: defaultSkins,
-		light: parseSkins(lightSkins),
-		dark: parseSkins(darkSkins),
-	};
-	hookData.templateData.currentBSSkin = _.capitalize(hookData.templateData.bootswatchSkin);
+	hookData.templateData.bootswatchSkinOptions = await meta.css.getSkinSwitcherOptions(hookData.req.uid);
 	return hookData;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-harmony",
-  "version": "1.0.53",
+  "version": "1.0.55",
   "nbbpm": {
     "compatibility": "^3.0.0"
   },

package/templates/account/edit.tpl

@@ -95,7 +95,7 @@
 		<label class="form-label text-sm fw-semibold">[[user:sso.title]]</label>
 		<div class="list-group">
 			{{{ each sso }}}
-			<div class="list-group-item d-flex justify-content-between">
+			<div class="list-group-item d-flex align-items-center justify-content-between">
 				<a class="text-sm text-reset text-decoration-none" data-component="{./component}" href="{./url}" target="{{{ if ./associated }}}_blank{{{ else }}}_top{{{ end }}}">
 					{{{ if ./icon }}}<i class="fa {./icon}"></i>{{{ end }}}
 					{{{ if ./associated }}}[[user:sso.associated]]{{{ else }}}[[user:sso.not-associated]]{{{ end }}}

package/templates/login.tpl

@@ -3,7 +3,7 @@
 	{{widgets.header.html}}
 	{{{end}}}
 </div>
-<div class="row login">
+<div class="row login flex-fill">
 	<div class="d-flex flex-column gap-2 {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<h2 class="tracking-tight fw-semibold text-center">[[global:login]]</h2>
 		<div class="row justify-content-center gap-5">

package/templates/partials/skin-switcher.tpl

@@ -40,6 +40,11 @@
 				<a href="#" class="dropdown-item rounded-1" data-value="{./value}">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
 			</li>
 			{{{ end }}}
+			{{{ each bootswatchSkinOptions.custom }}}
+			<li>
+				<a href="#" class="dropdown-item rounded-1" data-value="{./value}">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
+			</li>
+			{{{ end }}}
 		</div>
 	</ul>
 </div>

package/templates/register.tpl

@@ -3,7 +3,7 @@
 	{{widgets.header.html}}
 	{{{end}}}
 </div>
-<div class="row register">
+<div class="row register flex-fill">
 	<div class="d-flex flex-column gap-2 {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<h2 class="tracking-tight fw-semibold text-center">[[global:register]]</h2>
 		<div class="row justify-content-center gap-5">