nodebb-theme-harmony 2.0.1 → 2.0.2

package/templates/partials/sidebar/user-menu.tpl

@@ -1,103 +1,103 @@
-<a component="header/avatar" id="user_dropdown" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[user:user-menu]]">
-	{buildAvatar(user, "20px", true)}
-	<span id="user-header-name" class="nav-text small visible-open fw-semibold">{user.username}</span>
-</a>
-<ul id="user-control-list" component="header/usercontrol" class="overscroll-behavior-contain user-dropdown dropdown-menu shadow p-1 text-sm ff-base" role="menu">
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem" aria-label="[[user:profile]]">
-			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status {user.status}"><span class="visually-hidden">[[global:{user.status}]]</span></span>
-			<span class="fw-semibold" component="header/username">{user.username}</span>
-		</a>
-	</li>
-	<li role="presentation" class="dropdown-divider"></li>
-	<li><h6 class="dropdown-header text-xs">[[global:status]]</h6></li>
-	<li>
-		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.online }}}selected{{{ end }}}" data-status="online" role="menuitem">
-			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status online"></span>
-			<span class="flex-grow-1">[[global:online]]</span>
-			<i class="fa-solid fa-check text-secondary flex-shrink-0" aria-label="[[global:selected]]"></i>
-		</a>
-	</li>
-	<li>
-		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.away }}}selected{{{ end }}}" data-status="away" role="menuitem">
-			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status away"></span>
-			<span class="flex-grow-1">[[global:away]]</span>
-			<i class="fa-solid fa-check text-secondary flex-shrink-0"><span class="visually-hidden"></span>[[global:selected]]</span></i>
-		</a>
-	</li>
-	<li>
-		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.dnd }}}selected{{{ end }}}" data-status="dnd" role="menuitem">
-			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status dnd"></span>
-			<span class="flex-grow-1">[[global:dnd]]</span>
-			<i class="fa-solid fa-check text-secondary flex-shrink-0"></i>
-		</a>
-	</li>
-	<li>
-		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.offline }}}selected{{{ end }}}" data-status="offline" role="menuitem">
-			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status offline"></span>
-			<span class="flex-grow-1">[[global:invisible]]</span>
-			<i class="fa-solid fa-check text-secondary flex-shrink-0"></i>
-		</a>
-	</li>
-	<li role="presentation" class="dropdown-divider"></li>
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/user/{user.userslug}/bookmarks" role="menuitem">
-			<i class="fa fa-fw fa-bookmark text-secondary"></i> <span>[[user:bookmarks]]</span>
-		</a>
-	</li>
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit" role="menuitem">
-			<i class="fa fa-fw fa-edit text-secondary"></i> <span>[[user:edit-profile]]</span>
-		</a>
-	</li>
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings" role="menuitem">
-			<i class="fa fa-fw fa-gear text-secondary"></i> <span>[[user:settings]]</span>
-		</a>
-	</li>
-	{{{ if showModMenu }}}
-	<li role="presentation" class="dropdown-divider"></li>
-	<li><h6 class="dropdown-header text-xs">[[pages:moderator-tools]]</h6></li>
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/flags" role="menuitem">
-			<i class="fa fa-fw fa-flag text-secondary"></i> <span>[[pages:flagged-content]]</span>
-		</a>
-	</li>
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/post-queue" role="menuitem">
-			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:post-queue]]</span>
-		</a>
-	</li>
-	{{{ if registrationQueueEnabled }}}
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/registration-queue" role="menuitem">
-			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:registration-queue]]</span>
-		</a>
-	</li>
-	{{{ end }}}
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/ip-blacklist" role="menuitem">
-			<i class="fa fa-fw fa-ban text-secondary"></i> <span>[[pages:ip-blacklist]]</span>
-		</a>
-	</li>
-	{{{ else }}}
-	{{{ if postQueueEnabled }}}
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/post-queue" role="menuitem">
-			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:post-queue]]</span>
-		</a>
-	</li>
-	{{{ end }}}
-	{{{ end }}}
-
-	<li role="presentation" class="dropdown-divider"></li>
-	<li component="user/logout">
-		<form method="post" action="{relative_path}/logout" role="menuitem">
-			<input type="hidden" name="_csrf" value="{config.csrf_token}">
-			<input type="hidden" name="noscript" value="true">
-			<button type="submit" class="dropdown-item rounded-1 d-flex align-items-center gap-2">
-				<i class="fa fa-fw fa-sign-out text-secondary"></i><span>[[global:logout]]</span>
-			</button>
-		</form>
-	</li>
-</ul>
+<a component="header/avatar" id="user_dropdown" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[user:user-menu]]">
+	{buildAvatar(user, "20px", true)}
+	<span id="user-header-name" class="nav-text small visible-open fw-semibold">{user.username}</span>
+</a>
+<ul id="user-control-list" component="header/usercontrol" class="overscroll-behavior-contain user-dropdown dropdown-menu shadow p-1 text-sm ff-base" role="menu">
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem" aria-label="[[user:profile]]">
+			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status {user.status}"><span class="visually-hidden">[[global:{user.status}]]</span></span>
+			<span class="fw-semibold" component="header/username">{user.username}</span>
+		</a>
+	</li>
+	<li role="presentation" class="dropdown-divider"></li>
+	<li><h6 class="dropdown-header text-xs">[[global:status]]</h6></li>
+	<li>
+		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.online }}}selected{{{ end }}}" data-status="online" role="menuitem">
+			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status online"></span>
+			<span class="flex-grow-1">[[global:online]]</span>
+			<i class="fa-solid fa-check text-secondary flex-shrink-0" aria-label="[[global:selected]]"></i>
+		</a>
+	</li>
+	<li>
+		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.away }}}selected{{{ end }}}" data-status="away" role="menuitem">
+			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status away"></span>
+			<span class="flex-grow-1">[[global:away]]</span>
+			<i class="fa-solid fa-check text-secondary flex-shrink-0"><span class="visually-hidden"></span>[[global:selected]]</span></i>
+		</a>
+	</li>
+	<li>
+		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.dnd }}}selected{{{ end }}}" data-status="dnd" role="menuitem">
+			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status dnd"></span>
+			<span class="flex-grow-1">[[global:dnd]]</span>
+			<i class="fa-solid fa-check text-secondary flex-shrink-0"></i>
+		</a>
+	</li>
+	<li>
+		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.offline }}}selected{{{ end }}}" data-status="offline" role="menuitem">
+			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status offline"></span>
+			<span class="flex-grow-1">[[global:invisible]]</span>
+			<i class="fa-solid fa-check text-secondary flex-shrink-0"></i>
+		</a>
+	</li>
+	<li role="presentation" class="dropdown-divider"></li>
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/user/{user.userslug}/bookmarks" role="menuitem">
+			<i class="fa fa-fw fa-bookmark text-secondary"></i> <span>[[user:bookmarks]]</span>
+		</a>
+	</li>
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit" role="menuitem">
+			<i class="fa fa-fw fa-edit text-secondary"></i> <span>[[user:edit-profile]]</span>
+		</a>
+	</li>
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings" role="menuitem">
+			<i class="fa fa-fw fa-gear text-secondary"></i> <span>[[user:settings]]</span>
+		</a>
+	</li>
+	{{{ if showModMenu }}}
+	<li role="presentation" class="dropdown-divider"></li>
+	<li><h6 class="dropdown-header text-xs">[[pages:moderator-tools]]</h6></li>
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/flags" role="menuitem">
+			<i class="fa fa-fw fa-flag text-secondary"></i> <span>[[pages:flagged-content]]</span>
+		</a>
+	</li>
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/post-queue" role="menuitem">
+			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:post-queue]]</span>
+		</a>
+	</li>
+	{{{ if registrationQueueEnabled }}}
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/registration-queue" role="menuitem">
+			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:registration-queue]]</span>
+		</a>
+	</li>
+	{{{ end }}}
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/ip-blacklist" role="menuitem">
+			<i class="fa fa-fw fa-ban text-secondary"></i> <span>[[pages:ip-blacklist]]</span>
+		</a>
+	</li>
+	{{{ else }}}
+	{{{ if postQueueEnabled }}}
+	<li>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/post-queue" role="menuitem">
+			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:post-queue]]</span>
+		</a>
+	</li>
+	{{{ end }}}
+	{{{ end }}}
+
+	<li role="presentation" class="dropdown-divider"></li>
+	<li component="user/logout">
+		<form method="post" action="{relative_path}/logout" role="menuitem">
+			<input type="hidden" name="_csrf" value="{config.csrf_token}">
+			<input type="hidden" name="noscript" value="true">
+			<button type="submit" class="dropdown-item rounded-1 d-flex align-items-center gap-2">
+				<i class="fa fa-fw fa-sign-out text-secondary"></i><span>[[global:logout]]</span>
+			</button>
+		</form>
+	</li>
+</ul>

package/templates/partials/sidebar-left.tpl

@@ -1,40 +1,40 @@
-<nav component="sidebar/left" class="{{{ if config.theme.openSidebars}}}open{{{ end }}} text-dark bg-light sidebar sidebar-left start-0 border-end vh-100 d-none d-lg-flex flex-column justify-content-between sticky-top">
-	<ul id="main-nav" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2 overflow-y-auto">
-		{{{ each navigation }}}
-		{{{ if displayMenuItem(@root, @index) }}}
-		<li class="nav-item mx-2 {./class}{{{ if ./dropdown }}} dropend{{{ end }}}" title="{./title}">
-			<a class="nav-link navigation-link d-flex gap-2 justify-content-between align-items-center {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}" {{{ if ./dropdown }}} href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" {{{ else }}} href="{./route}"{{{ end }}} {{{ if ./id }}}id="{./id}"{{{ end }}}{{{ if ./targetBlank }}} target="_blank"{{{ end }}} {{{ if ./text }}}aria-label="{./text}"{{{ end }}}>
-				<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
-					<span class="position-relative">
-						{{{ if ./iconClass }}}
-						<i class="fa fa-fw {./iconClass}" data-content="{./content}"></i>
-						<span component="navigation/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
-						{{{ end }}}
-					</span>
-					{{{ if ./text }}}<span class="nav-text small visible-open fw-semibold text-truncate">{./text}</span>{{{ end }}}
-				</span>
-				<span component="navigation/count" class="visible-open badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
-			</a>
-			{{{ if ./dropdown }}}
-			<ul class="dropdown-menu p-1 shadow" role="menu">
-				{./dropdownContent}
-			</ul>
-			{{{ end }}}
-		</li>
-		{{{ end }}}
-		{{{ end }}}
-	</ul>
-	<div class="sidebar-toggle-container align-self-start">
-		{{{ if !config.disableCustomUserSkins }}}
-		<!-- IMPORT partials/skin-switcher.tpl -->
-		{{{ end }}}
-
-		<div class="sidebar-toggle m-2 d-none d-lg-block">
-			<a href="#" role="button" component="sidebar/toggle" class="nav-link d-flex gap-2 align-items-center p-2 pointer w-100 text-nowrap" title="[[themes/harmony:expand]]" aria-label="[[themes/harmony:sidebar-toggle]]">
-				<i class="fa fa-fw fa-angles-right"></i>
-				<i class="fa fa-fw fa-angles-left"></i>
-				<span class="nav-text visible-open fw-semibold small lh-1">[[themes/harmony:collapse]]</span>
-			</a>
-		</div>
-	</div>
+<nav component="sidebar/left" class="{{{ if config.theme.openSidebars}}}open{{{ end }}} text-dark bg-light sidebar sidebar-left start-0 border-end vh-100 d-none d-lg-flex flex-column justify-content-between sticky-top">
+	<ul id="main-nav" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2 overflow-y-auto">
+		{{{ each navigation }}}
+		{{{ if displayMenuItem(@root, @index) }}}
+		<li class="nav-item mx-2 {./class}{{{ if ./dropdown }}} dropend{{{ end }}}" title="{./title}">
+			<a class="nav-link navigation-link d-flex gap-2 justify-content-between align-items-center {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}" {{{ if ./dropdown }}} href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" {{{ else }}} href="{./route}"{{{ end }}} {{{ if ./id }}}id="{./id}"{{{ end }}}{{{ if ./targetBlank }}} target="_blank"{{{ end }}} {{{ if ./text }}}aria-label="{./text}"{{{ end }}}>
+				<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
+					<span class="position-relative">
+						{{{ if ./iconClass }}}
+						<i class="fa fa-fw {./iconClass}" data-content="{./content}"></i>
+						<span component="navigation/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
+						{{{ end }}}
+					</span>
+					{{{ if ./text }}}<span class="nav-text small visible-open fw-semibold text-truncate">{./text}</span>{{{ end }}}
+				</span>
+				<span component="navigation/count" class="visible-open badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
+			</a>
+			{{{ if ./dropdown }}}
+			<ul class="dropdown-menu p-1 shadow" role="menu">
+				{./dropdownContent}
+			</ul>
+			{{{ end }}}
+		</li>
+		{{{ end }}}
+		{{{ end }}}
+	</ul>
+	<div class="sidebar-toggle-container align-self-start">
+		{{{ if !config.disableCustomUserSkins }}}
+		<!-- IMPORT partials/skin-switcher.tpl -->
+		{{{ end }}}
+
+		<div class="sidebar-toggle m-2 d-none d-lg-block">
+			<a href="#" role="button" component="sidebar/toggle" class="nav-link d-flex gap-2 align-items-center p-2 pointer w-100 text-nowrap" title="[[themes/harmony:expand]]" aria-label="[[themes/harmony:sidebar-toggle]]">
+				<i class="fa fa-fw fa-angles-right"></i>
+				<i class="fa fa-fw fa-angles-left"></i>
+				<span class="nav-text visible-open fw-semibold small lh-1">[[themes/harmony:collapse]]</span>
+			</a>
+		</div>
+	</div>
 </nav>

package/templates/partials/sidebar-right.tpl

@@ -1,17 +1,17 @@
-<nav component="sidebar/right" class="{{{ if config.theme.openSidebars}}}open{{{ end }}} text-dark bg-light sidebar sidebar-right end-0 border-start vh-100 d-none d-lg-flex flex-column sticky-top">
-	{{{ if config.loggedIn }}}
-	<ul id="logged-in-menu" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2" role="menu">
-	<!-- IMPORT partials/sidebar/logged-in-menu.tpl -->
-	</ul>
-	{{{ else }}}
-	<ul id="logged-out-menu" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2" role="menu">
-	<!-- IMPORT partials/sidebar/logged-out-menu.tpl -->
-	</ul>
-	{{{ end }}}
-
-	<div class="visible-open small text-secondary mt-auto" data-widget-area="sidebar-footer">
-		{{{each widgets.sidebar-footer}}}
-		{{./html}}
-		{{{end}}}
-	</div>
+<nav component="sidebar/right" class="{{{ if config.theme.openSidebars}}}open{{{ end }}} text-dark bg-light sidebar sidebar-right end-0 border-start vh-100 d-none d-lg-flex flex-column sticky-top">
+	{{{ if config.loggedIn }}}
+	<ul id="logged-in-menu" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2" role="menu">
+	<!-- IMPORT partials/sidebar/logged-in-menu.tpl -->
+	</ul>
+	{{{ else }}}
+	<ul id="logged-out-menu" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2" role="menu">
+	<!-- IMPORT partials/sidebar/logged-out-menu.tpl -->
+	</ul>
+	{{{ end }}}
+
+	<div class="visible-open small text-secondary mt-auto" data-widget-area="sidebar-footer">
+		{{{each widgets.sidebar-footer}}}
+		{{./html}}
+		{{{end}}}
+	</div>
 </nav>

package/templates/partials/skin-switcher.tpl

@@ -1,50 +1,50 @@
-<div class="dropend m-2" component="skinSwitcher" title="[[themes/harmony:skins]]">
-	<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[themes/harmony:skins]]">
-		<span class="justify-content-between w-100">
-			<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
-				<span>
-					<i component="skinSwitcher/icon" class="fa fa-fw fa-paintbrush"></i>
-				</span>
-				<span class="nav-text small visible-open fw-semibold">[[themes/harmony:skins]]</span>
-			</span>
-		</span>
-	</a>
-
-	<ul class="dropdown-menu p-1 text-sm overflow-auto p-1" role="menu">
-		<div class="d-flex">
-			<div>
-				<li class="dropdown-header">Light</li>
-				<div class="d-grid" style="grid-template-columns: 1fr 1fr;">
-					{{{ each bootswatchSkinOptions.light }}}
-					<li>
-						<a href="#" class="dropdown-item rounded-1" data-value="{./value}" role="menuitem">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
-					</li>
-					{{{ end }}}
-				</div>
-			</div>
-			<div>
-				<li class="dropdown-header">Dark</li>
-				{{{ each bootswatchSkinOptions.dark }}}
-				<li>
-					<a href="#" class="dropdown-item rounded-1" data-value="{./value}" role="menuitem">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
-				</li>
-				{{{ end }}}
-			</div>
-		</div>
-
-		<hr class="my-1"/>
-
-		<div class="d-grid" style="grid-template-columns: 1fr 1fr;">
-			{{{ each bootswatchSkinOptions.default }}}
-			<li>
-				<a href="#" class="dropdown-item rounded-1" data-value="{./value}" role="menuitem">{./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}" role="menuitem">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
-			</li>
-			{{{ end }}}
-		</div>
-	</ul>
-</div>
+<div class="dropend m-2" component="skinSwitcher" title="[[themes/harmony:skins]]">
+	<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[themes/harmony:skins]]">
+		<span class="justify-content-between w-100">
+			<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
+				<span>
+					<i component="skinSwitcher/icon" class="fa fa-fw fa-paintbrush"></i>
+				</span>
+				<span class="nav-text small visible-open fw-semibold">[[themes/harmony:skins]]</span>
+			</span>
+		</span>
+	</a>
+
+	<ul class="dropdown-menu p-1 text-sm overflow-auto p-1" role="menu">
+		<div class="d-flex">
+			<div>
+				<li class="dropdown-header">Light</li>
+				<div class="d-grid" style="grid-template-columns: 1fr 1fr;">
+					{{{ each bootswatchSkinOptions.light }}}
+					<li>
+						<a href="#" class="dropdown-item rounded-1" data-value="{./value}" role="menuitem">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
+					</li>
+					{{{ end }}}
+				</div>
+			</div>
+			<div>
+				<li class="dropdown-header">Dark</li>
+				{{{ each bootswatchSkinOptions.dark }}}
+				<li>
+					<a href="#" class="dropdown-item rounded-1" data-value="{./value}" role="menuitem">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
+				</li>
+				{{{ end }}}
+			</div>
+		</div>
+
+		<hr class="my-1"/>
+
+		<div class="d-grid" style="grid-template-columns: 1fr 1fr;">
+			{{{ each bootswatchSkinOptions.default }}}
+			<li>
+				<a href="#" class="dropdown-item rounded-1" data-value="{./value}" role="menuitem">{./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}" role="menuitem">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>
+			</li>
+			{{{ end }}}
+		</div>
+	</ul>
+</div>

package/templates/partials/tags_list.tpl

@@ -1,8 +1,8 @@
-{{{each tags}}}
-<div>
-	<a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./valueEscaped}" class="btn btn-ghost ff-base d-flex flex-column gap-1 align-items-start justify-content-start text-truncate p-2">
-		<div class="fw-semibold text-nowrap tag-item w-100 text-start text-truncate">{./valueEscaped}</div>
-		<div class="text-xs text-muted text-nowrap tag-topic-count">[[global:x-topics, {txEscape(formattedNumber(./score))}]]</div>
-	</a>
-</div>
+{{{each tags}}}
+<div>
+	<a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./valueEscaped}" class="btn btn-ghost ff-base d-flex flex-column gap-1 align-items-start justify-content-start text-truncate p-2">
+		<div class="fw-semibold text-nowrap tag-item w-100 text-start text-truncate">{./valueEscaped}</div>
+		<div class="text-xs text-muted text-nowrap tag-topic-count">[[global:x-topics, {txEscape(formattedNumber(./score))}]]</div>
+	</a>
+</div>
 {{{end}}}

package/templates/partials/toast.tpl

@@ -1,19 +1,19 @@
-<div id="{alert_id}" role="alert" class="alert alert-dismissible alert-{type} fade show" component="toaster/toast">
-	<div class="alert-progress position-absolute top-0 start-0 bottom-0 h-100 z-0" style=" opacity:0.1;"></div>
-	<div class="d-flex flex-wrap gap-2 position-relative">
-		{{{ if image }}}
-		<img src="{image}" height="80" style="width: auto;" />
-		{{{ end }}}
-		<div class="d-flex flex-column gap-2">
-			{{{ if title }}}
-			<strong>{title}</strong>
-			{{{ end }}}
-
-			{{{ if message }}}
-			<p class="m-0">{message}</p>
-			{{{ end }}}
-		</div>
-	</div>
-
-	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="close"></button>
-</div>
+<div id="{alert_id}" role="alert" class="alert alert-dismissible alert-{type} fade show" component="toaster/toast">
+	<div class="alert-progress position-absolute top-0 start-0 bottom-0 h-100 z-0" style=" opacity:0.1;"></div>
+	<div class="d-flex flex-wrap gap-2 position-relative">
+		{{{ if image }}}
+		<img src="{image}" height="80" style="width: auto;" />
+		{{{ end }}}
+		<div class="d-flex flex-column gap-2">
+			{{{ if title }}}
+			<strong>{title}</strong>
+			{{{ end }}}
+
+			{{{ if message }}}
+			<p class="m-0">{message}</p>
+			{{{ end }}}
+		</div>
+	</div>
+
+	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="close"></button>
+</div>

package/templates/partials/topic/event.tpl

@@ -1,12 +1,12 @@
-<li component="topic/event" class="timeline-event text-muted d-flex gap-2 pt-4" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
-	<div class="timeline-badge">
-		<i class="fa {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
-	</div>
-	<span class="timeline-text small d-flex align-items-center gap-1 flex-wrap">
-		{./text}
-	</span>
-	{{{ if (privileges.isAdminOrMod && ./id) }}}
-	<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>
-	{{{ end }}}
-</li>
-
+<li component="topic/event" class="timeline-event text-muted d-flex gap-2 pt-4" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
+	<div class="timeline-badge">
+		<i class="fa {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
+	</div>
+	<span class="timeline-text small d-flex align-items-center gap-1 flex-wrap">
+		{./text}
+	</span>
+	{{{ if (privileges.isAdminOrMod && ./id) }}}
+	<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>
+	{{{ end }}}
+</li>
+

package/templates/partials/topic/navigation-post.tpl

@@ -1,10 +1,10 @@
-<div class="d-flex gap-2 mb-2 justify-content-between align-items-center flex-nowrap">
-	<div class="icon text-truncate">
-		<a href="{{{ if post.user.userslug }}}{config.relative_path}/user/{post.user.userslug}{{{else }}}#{{{ end }}}">
-			{buildAvatar(post.user, "24px", true)} {post.user.username}
-		</a>
-	</div>
-	<span class="timeago text-nowrap text-sm" title="{post.timestampISO}"></span>
-</div>
-
+<div class="d-flex gap-2 mb-2 justify-content-between align-items-center flex-nowrap">
+	<div class="icon text-truncate">
+		<a href="{{{ if post.user.userslug }}}{config.relative_path}/user/{post.user.userslug}{{{else }}}#{{{ end }}}">
+			{buildAvatar(post.user, "24px", true)} {post.user.username}
+		</a>
+	</div>
+	<span class="timeago text-nowrap text-sm" title="{post.timestampISO}"></span>
+</div>
+
 <div>{post.content}</div>