fix darkmode search, textarea, progress bars and list groups

templates/Froxlor/src/scss/components/_search.scss

@@ -20,7 +20,7 @@
 		width: 70vh;
 		max-height: 50vh;
 
-		background: #fff;
+		background: $search-bg;
 		border: $border-color solid 1px;
 		border-radius: 0 0 $border-radius $border-radius;
 

templates/Froxlor/src/scss/variables/_dark.scss

@@ -20,6 +20,8 @@ $nav-link-color: $body-color;
 // List groups
 $list-group-bg: $gray-800;
 $list-group-color: $body-color;
+$list-group-hover-bg: $gray-700;
+$list-group-action-color: $body-color;
 
 // Navbar
 $navbar-bg: $gray-800;
@@ -51,3 +53,9 @@ $modal-content-bg: $gray-800;
 $input-bg: $gray-900;
 $input-border-color: $black;
 $input-group-addon-bg: $gray-800;
+
+// Progress bar
+$progress-bg: $gray-900;
+
+// Search
+$search-bg: $gray-800;

templates/Froxlor/src/scss/variables/_main.scss

@@ -80,3 +80,6 @@ $card-border-width: 0;
 $heading-bg: $navbar-bg;
 $heading-color: $body-color;
 $heading-border-color: #dee2e6;
+
+// Search
+$search-bg: $navbar-bg;

templates/Froxlor/user/dns-editor.html.twig

@@ -25,7 +25,7 @@
 			{% if zonefile is not empty %}
 				<div class="row">
 					<div class="col-12">
-						<textarea class="logcontent form-control bg-light" rows="25" cols="60" readonly>{{ zonefile }}</textarea>
+						<textarea class="logcontent form-control" rows="25" cols="60" readonly>{{ zonefile }}</textarea>
 					</div>
 				</div>
 			{% endif %}