color scheme

examples/basic.css

@@ -23,27 +23,27 @@ App > Screen {
 
 #sidebar .title {
   height: 1;
-  background: $secondary-darken1;
-  color: $on-secondary-darken1;
+  background: $secondary-darken2;
+  color: $on-secondary-darken2;
   border-right: vkey $secondary-darken2;
 }
 
 #sidebar .user {
   height: 8;
+  background: $secondary-darken1;
+  color: $on-secondary-darken1;
+  border-right: vkey $secondary-darken2;
+}
+
+#sidebar .content {
   background: $secondary;
   color: $on-secondary;
   border-right: vkey $secondary-darken2;
 }
 
-#sidebar .content {
-  background: $secondary-lighten1;
-  color: $on-secondary-lighten1;
-  border-right: vkey $secondary-darken2;
-}
-
 #header {
-  color: $on-primary;
-  background: $primary;
+  color: $on-primary-darken1;
+  background: $primary-darken1;
   height: 3;
   border: hkey $primary-darken2;
 }
@@ -51,7 +51,6 @@ App > Screen {
 #content {
   color: $on-background;
   background: $background;
-  border-bottom: hkey #0f2b41;
 }
 
 #footer {
@@ -59,4 +58,6 @@ App > Screen {
   background: $accent1;
 
   height: 1;
+
+  border-top: hkey $accent1-darken2;
 }

src/textual/app.py

@@ -113,12 +113,12 @@ class App(DOMNode):
         self._refresh_required = False
 
         self.design = ColorSystem(
-            accent1="#ffa726",
+            primary="#1565c0",
             secondary="#00695c",
             warning="#ffa000",
             error="#C62828",
             success="#558B2F",
-            primary="#1976D2",
+            accent1="#ff6f00",
             accent3="#512DA8",
         )
 
@@ -140,7 +140,7 @@ class App(DOMNode):
     title: Reactive[str] = Reactive("Textual")
     sub_title: Reactive[str] = Reactive("")
     background: Reactive[str] = Reactive("black")
-    dark = Reactive(True)
+    dark = Reactive(False)
 
     def get_css_variables(self) -> dict[str, str]:
         variables = self.design.generate(self.dark)