Merge branch 'css' into auto-color

examples/code_browser.py

@@ -5,7 +5,7 @@ from rich.traceback import Traceback
 
 from textual.app import App, ComposeResult
 from textual.layout import Container, Vertical
-from textual.reactive import Reactive
+from textual.reactive import var
 from textual.widgets import DirectoryTree, Footer, Header, Static
 
 
@@ -13,11 +13,11 @@ class CodeBrowser(App):
     """Textual code browser app."""
 
     BINDINGS = [
-        ("t", "toggle_tree", "Toggle Tree"),
+        ("f", "toggle_files", "Toggle Files"),
         ("q", "quit", "Quit"),
     ]
 
-    show_tree = Reactive.init(True)
+    show_tree = var(True)
 
     def watch_show_tree(self, show_tree: bool) -> None:
         """Called when show_tree is modified."""
@@ -52,7 +52,7 @@ class CodeBrowser(App):
             self.query_one("#code-view").scroll_home(animate=False)
             self.sub_title = event.path
 
-    def action_toggle_tree(self) -> None:
+    def action_toggle_files(self) -> None:
         self.show_tree = not self.show_tree