theme/css/general.css: emphasize active sidebar item

Highlights the background of the selected sidebar link
void-linux · Sep 18, 2024 · 3b3a7fd · 3b3a7fd
1 parent 8e7053a
commit 3b3a7fd
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/theme/css/general.css b/src/theme/css/general.css
@@ -202,7 +202,14 @@ svg {
 	text-decoration: none;
 }
 #sidebar a.active {
-	color: var(--sidebar-active);
+	display: block;
+	padding: 0.5em;
+	width: 100%;
+	background-color: var(--sidebar-active);
+	color: var(--bg);
+}
+#sidebar a.active::after {
+	content: "" / " selected";
 }
 
 #sidebar-toggle {