diff --git a/examples/basic.css b/examples/basic.css index fa69c4f6a..acdffe5f8 100644 --- a/examples/basic.css +++ b/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; } diff --git a/src/textual/app.py b/src/textual/app.py index 14f12538d..a956f2b26 100644 --- a/src/textual/app.py +++ b/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)