Tree styling consistency

Textualize · Oct 9, 2024 · 15b7574 · 15b7574
1 parent 8e895f3
commit 15b7574
Showing 1 changed file with 18 additions and 12 deletions.
diff --git a/src/textual/widgets/_tree.py b/src/textual/widgets/_tree.py
@@ -581,38 +581,44 @@ class Tree(Generic[TreeDataType], ScrollView, can_focus=True):
 
     DEFAULT_CSS = """
     Tree {
-        background: $panel;
+        background: $surface;
         color: $text;
 
         & > .tree--label {
 
         }
         & > .tree--guides {
-            color: $success-darken-3;
+            text-style: bold;
+            color: $surface-lighten-1;
         }
         & > .tree--guides-hover {
-            color: $success;
-            text-style: bold;
+            color: $surface-lighten-1;
         }
         & > .tree--guides-selected {
-            color: $warning;
-            text-style: bold;
+            color: $surface-lighten-1;
         }
         & > .tree--cursor {
-            background: $secondary-darken-2;
+            background: $highlight-cursor-blurred;
             color: $text;
-            text-style: bold;
-        }
-        &:focus > .tree--cursor {
-            background: $secondary;
         }
         & > .tree--highlight {
-            text-style: underline;
         }
         & > .tree--highlight-line {
             background: $boost;
         }
 
+        &:focus {
+            & > .tree--cursor {
+                background: $highlight-cursor;
+            }
+            & > .tree--guides-hover {
+                color: $surface-lighten-2;
+            }
+            & > .tree--guides-selected {
+                color: $surface-lighten-2;
+            }
+        }
+
         &.-ansi {
             background: ansi_default;
             color: ansi_default;