more beautification b/c of bootstrap 5.3 #2

Signed-off-by: Michael Kaufmann <d00p@froxlor.org>

templates/Froxlor/assets/scss/components/_form.scss

@@ -3,7 +3,7 @@
 }
 
 .form-control[readonly] {
-	background: $body-tertiary-bg;
+	background-color: $body-tertiary-bg;
 }
 
 @include color-mode(dark) {
@@ -12,7 +12,7 @@
 	}
 	.form-control,
 	.form-select {
-		background: $dark-bg;
+		background-color: $dark-bg;
 	}
 
 	.form-switch {
@@ -22,7 +22,7 @@
 	}
 
 	.form-control[readonly] {
-		background: $body-tertiary-bg-dark;
+		background-color: $body-tertiary-bg-dark;
 	}
 
 }

templates/Froxlor/assets/scss/components/_generic.scss

@@ -88,7 +88,7 @@ td.text-end {
 }
 
 @include color-mode(dark) {
-	.table>:not(caption)>*>* {
+	.table>thead>*>* {
 		background-color: transparent;
 	}
 }

templates/Froxlor/assets/scss/components/_search.scss

@@ -32,3 +32,15 @@
 		}
 	}
 }
+
+@include color-mode(dark) {
+	#search {
+		.search-input {
+			color: $body-color-dark;
+		}
+		.search-results-box {
+			background: $dark-bg;
+			border: $border-color-dark solid 1px;
+		}
+	}
+}

templates/Froxlor/settings/configuration.html.twig

@@ -112,8 +112,8 @@
 				{{ lng('admin.configfiles.recommendednote') }}
 			</div>
 			<div class="col-12 col-md-6 text-end">
-				<button type="button" class="btn btn-outline-secondary me-1" id="selectRecommendedConfig">{{ lng('admin.configfiles.selectrecommended') }}</button>
-				<button type="button" class="btn btn-outline-secondary me-1" id="downloadSelectionAsJson">
+				<button type="button" class="btn btn-outline-secondary me-md-3" id="selectRecommendedConfig">{{ lng('admin.configfiles.selectrecommended') }}</button>
+				<button type="button" class="btn btn-outline-secondary me-md-3" id="downloadSelectionAsJson">
 					<i class="fa-solid fa-download"></i>
 					{{ lng('admin.configfiles.downloadselected') }}</button>
 				<button type="submit" class="btn btn-primary">{{ lng('update.proceed') }}</button>