fix: background color for hover and selected elements in the sidebar is properly displayed

Author: IamGianluca

gtk4/rose-pine.css

@@ -41,3 +41,19 @@
 @define-color sidebar_backdrop_color #26233A;
 @define-color sidebar_bg_color #26233A;
 @define-color sidebar_fg_color #e0def4;
+
+/* Target the specific row in the sidebar that's selected */
+.navigation-sidebar row:selected {
+  background-color: #c4a7e7;
+  color: #191724;
+}
+
+/* Target the label in the selected row */
+.navigation-sidebar row:selected .sidebar-label {
+  color: #191724; /* Ensure text is visible against the background */
+}
+
+/* Hover effect for non-selected rows */
+.navigation-sidebar row:hover:not(:selected) {
+  background-color: rgba(196, 167, 231, 0.2);
+}