Improving legibility of text in some widgets

Author: darrenburns

src/textual/widgets/_radio_set.py

@@ -39,7 +39,7 @@ class RadioSet(VerticalScroll, can_focus=True, can_focus_children=False):
             padding: 0;
 
             & > .toggle--button {
-                color: $panel-darken-1;
+                color: $panel-darken-2;
                 background: $panel;
             }
 

src/textual/widgets/_selection_list.py

@@ -98,12 +98,12 @@ class SelectionList(Generic[SelectionType], OptionList):
         height: auto;
         
         & > .selection-list--button {
-            color: $panel-darken-1;
+            color: $panel-darken-2;
             background: $panel;
         }
 
         & > .selection-list--button-highlighted {
-            color: $panel-darken-1;
+            color: $panel-darken-2;
             background: $panel;
         }
 

src/textual/widgets/_switch.py

@@ -56,7 +56,7 @@ class Switch(Widget, can_focus=True):
         }
         & .switch--slider {
             color: $panel;
-            background: $panel-darken-1;
+            background: $panel-darken-2;
         }
         &:hover {
             & > .switch--slider {
@@ -77,7 +77,7 @@ class Switch(Widget, can_focus=True):
             }
             & .switch--slider {
                 color: $primary 15%;
-                background: $panel-darken-1;
+                background: $panel-darken-2;
             }
             &:hover {
                 & > .switch--slider {

src/textual/widgets/_toggle_button.py

@@ -60,7 +60,7 @@ class ToggleButton(Static, can_focus=True):
         background: $surface;
 
         & > .toggle--button {
-            color: $panel-darken-1;
+            color: $panel-darken-2;
             background: $panel;
         }