darkmode optimizations

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

templates/Froxlor/assets/scss/components/_card.scss

@@ -27,4 +27,9 @@
 	.card, .list-group-item {
 		background: $dark-bg;
 	}
+	.card {
+		.card-header {
+			border-bottom: $border-color-dark solid 1px;
+		}
+	}
 }

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

@@ -1 +1,21 @@
-// wip
+// wip
+@include color-mode(dark) {
+	.formfield {
+		border-bottom: $border-color-dark solid 1px;
+	}
+	.form-control,
+	.form-select {
+		background: $dark-bg;
+	}
+
+	.form-switch {
+		.form-check-input:not(:checked):not(:focus) {
+			background-color: $dark-bg;
+		}
+	}
+
+	.form-control[readonly] {
+		background: $body-tertiary-bg-dark;
+	}
+
+}

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

@@ -88,6 +88,13 @@ a {
 	text-decoration: none;
 }
 
+td.text-end {
+	a.btn-sm:not(:last-child),
+	span.btn-sm:not(:last-child){
+		margin-right:.125rem!important;
+	}
+}
+
 @include color-mode(dark) {
 	.table>:not(caption)>*>* {
 		background-color: transparent;