Added a user setting to chose darkmode or not

approot/login.xml

@@ -37,7 +37,7 @@
 				${tr:Lms.Auth.remember-me}
 			</label>
 			<div class="col-sm-5">
-				${remember-me}
+				<div class="checkbox"><label>${remember-me}</label></div>
 			</div>
 		</div>
 		<div class="form-group">

approot/messages.xml

@@ -155,8 +155,10 @@
 
 
 <!--Settings-->
+<message id="Lms.Settings.appearance">Appearance</message>
 <message id="Lms.Settings.audio">Audio</message>
 <message id="Lms.Settings.change-password">Change password</message>
+<message id="Lms.Settings.dark-mode">Dark mode</message>
 <message id="Lms.Settings.demo-cannot-save">Cannot save using a demo account!</message>
 <message id="Lms.Settings.password-bad">Bad password</message>
 <message id="Lms.Settings.password-must-fill-old-password">Old password must be filled in</message>

approot/settings.xml

@@ -4,16 +4,30 @@
 <!--FORMS message blocks-->
 
 <message id="Lms.Settings.template">
+	<legend>${tr:Lms.Settings.appearance}</legend>
+	<div class="form-horizontal">
+		<div class="form-group">
+			<label class="col-sm-2 control-label"  for="${id:dark-mode}">
+				${tr:Lms.Settings.dark-mode}
+			</label>
+			<div class="col-sm-5">
+				<div class="checkbox"><label>${dark-mode}</label></div>
+			</div>
+			<div class="col-sm-5 help-block">
+				${dark-mode-info}
+			</div>
+		</div>
+	</div>
 	<legend>${tr:Lms.Settings.audio}</legend>
 	<div class="form-horizontal">
 		<div class="form-group">
-			<label class="control-label col-sm-2"  for="${id:transcoding-enable}">
+			<label class="col-sm-2 control-label"  for="${id:transcoding-enable}">
 				${tr:Lms.Settings.transcoding-enable}
 			</label>
 			<div class="col-sm-5">
-				${transcoding-enable}
+				<div class="checkbox"><label>${transcoding-enable}</label></div>
 			</div>
-			<div class="help-block col-sm-5">
+			<div class="col-sm-5 help-block">
 				${transcoding-enable-info}
 			</div>
 		</div>