From 02ab3a7ab5aad1bf50b4d4cdfbcc95fd0a3fd345 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Tue, 24 Sep 2024 13:01:14 -0300
Subject: [PATCH] Fix the `list-group-item` background color and hover effect
 in all themes

using a semi-tranparent color

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 style/pi-hole.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/style/pi-hole.css b/style/pi-hole.css
index bc4a1a2e..f1f107b0 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -1551,3 +1551,12 @@ textarea.field-sizing-content {
   min-inline-size: 20ch;
   field-sizing: content;
 }
+
+/* Used in interfaces page */
+.list-group-item {
+  background: transparent;
+  border-color: rgba(127, 127, 127, 0.27);
+}
+.bstreeview .list-group-item:hover {
+  background-color: rgba(127, 127, 127, 0.18);
+}