Color tweaks

Author: darrenburns

src/textual/widgets/_selection_list.py

@@ -105,7 +105,7 @@ class SelectionList(Generic[SelectionType], OptionList):
 
         & > .selection-list--button-highlighted {
             text-style: bold;
-            color: $highlight-cursor-blurred;
+            color: $surface;
             background: $foreground 15%;
         }
 
@@ -144,7 +144,6 @@ class SelectionList(Generic[SelectionType], OptionList):
 
             & > .selection-list--button-highlighted {
                 text-style: bold;
-                color: $highlight-cursor;
                 background: $foreground 25%;
             }
 
@@ -583,6 +582,13 @@ def render_line(self, y: int) -> Strip:
         # Get the style for the button.
         button_style = self.get_component_rich_style(component_style)
 
+        # If the button is in the unselected state, we're going to do a bit
+        # of a switcharound to make it look like it's a "cutout".
+        # if selection.value not in self._selected:
+        #     button_style += Style.from_color(
+        #         self.background_colors[1].rich_color, button_style.bgcolor
+        #     )
+
         # Build the style for the side characters. Note that this is
         # sensitive to the type of character used, so pay attention to
         # BUTTON_LEFT and BUTTON_RIGHT.

src/textual/widgets/_switch.py

@@ -59,7 +59,6 @@ class Switch(Widget, can_focus=True):
             color: $surface-lighten-2;
         }
         &:hover {
-            border: tall $background;
             & > .switch--slider {
                 color: $surface-lighten-3;
             }

src/textual/widgets/_toggle_button.py

@@ -55,7 +55,7 @@ class ToggleButton(Static, can_focus=True):
     DEFAULT_CSS = """
     ToggleButton {
         width: auto;
-        border: tall transparent;
+        border: tall $border-blurred;
         padding: 0 1;
         background: $surface;
     }

src/textual/widgets/_tree.py

@@ -588,14 +588,13 @@ class Tree(Generic[TreeDataType], ScrollView, can_focus=True):
 
         }
         & > .tree--guides {
-            text-style: bold;
             color: $surface-lighten-1;
         }
         & > .tree--guides-hover {
             color: $surface-lighten-1;
         }
         & > .tree--guides-selected {
-            color: $surface-lighten-1;
+            color: $primary;
         }
         & > .tree--cursor {
             background: $highlight-cursor-blurred;