diff --git a/CHANGELOG.md b/CHANGELOG.md index 876edeb4b6..4803e78919 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/). - `MouseScrollUp` and `MouseScrollDown` now inherit from `MouseEvent` and have attached modifier keys. https://github.com/Textualize/textual/pull/1458 +### Fixed + +- The styles `scrollbar-background-active` and `scrollbar-color-hover` are no longer ignored https://github.com/Textualize/textual/pull/1480 + ## [0.9.1] - 2022-12-30 ### Added diff --git a/src/textual/scrollbar.py b/src/textual/scrollbar.py index 917e36a69e..f9db9c71b0 100644 --- a/src/textual/scrollbar.py +++ b/src/textual/scrollbar.py @@ -225,14 +225,15 @@ def __rich_repr__(self) -> rich.repr.Result: def render(self) -> RenderableType: styles = self.parent.styles - background = ( - styles.scrollbar_background_hover - if self.mouse_over - else styles.scrollbar_background - ) - color = ( - styles.scrollbar_color_active if self.grabbed else styles.scrollbar_color - ) + if self.grabbed: + background = styles.scrollbar_background_active + color = styles.scrollbar_color_active + elif self.mouse_over: + background = styles.scrollbar_background_hover + color = styles.scrollbar_color_hover + else: + background = styles.scrollbar_background + color = styles.scrollbar_color color = background + color scrollbar_style = Style.from_color(color.rich_color, background.rich_color) return ScrollBarRender( diff --git a/src/textual/widget.py b/src/textual/widget.py index 389c3b996c..65ff0bc0d5 100644 --- a/src/textual/widget.py +++ b/src/textual/widget.py @@ -190,8 +190,10 @@ class Widget(DOMNode): Widget{ scrollbar-background: $panel-darken-1; scrollbar-background-hover: $panel-darken-2; + scrollbar-background-active: $panel-darken-3; scrollbar-color: $primary-lighten-1; scrollbar-color-active: $warning-darken-1; + scrollbar-color-hover: $primary-lighten-1; scrollbar-corner-color: $panel-darken-1; scrollbar-size-vertical: 2; scrollbar-size-horizontal: 1;