diff --git a/CHANGELOG.md b/CHANGELOG.md index 4ced669c9e..4354908bf2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/). +## [6.10.0] - 2025-12-15 + +### Fixed + +- Fixed broken thems +- Updated toggle button style for consistancy + ## [6.9.0] - 2025-12-14 ### Added diff --git a/src/textual/theme.py b/src/textual/theme.py index cba2b71c74..d80aaacd71 100644 --- a/src/textual/theme.py +++ b/src/textual/theme.py @@ -323,9 +323,9 @@ def to_color_system(self) -> ColorSystem: "border": "#524f67", "border-blurred": "#6e6a86", "footer-background": "#26233a", - "block-cursor-foreground": "#f4ede8", + "block-cursor-foreground": "#191724", "block-cursor-text-style": "none", - "button-color-background": "#403d52", + "block-cursor-background": "#c4a7e7", }, ), "rose-pine-moon": Theme( @@ -347,9 +347,9 @@ def to_color_system(self) -> ColorSystem: "border": "#56526e", "border-blurred": "#6e6a86", "footer-background": "#393552", - "block-cursor-foreground": "#f4ede8", + "block-cursor-foreground": "#232136", "block-cursor-text-style": "none", - "button-color-background": "#44415a", + "block-cursor-background": "#c4a7e7", }, ), "rose-pine-dawn": Theme( @@ -371,9 +371,9 @@ def to_color_system(self) -> ColorSystem: "border": "#cecacd", "border-blurred": "#9893a5", "footer-background": "#f2e9e1", - "block-cursor-foreground": "#cecacd", + "block-cursor-foreground": "#faf4ed", "block-cursor-text-style": "none", - "button-color-background": "#575279", + "block-cursor-background": "#575279", }, ), } diff --git a/src/textual/widgets/_radio_set.py b/src/textual/widgets/_radio_set.py index 7fedbac00e..ddb2adf335 100644 --- a/src/textual/widgets/_radio_set.py +++ b/src/textual/widgets/_radio_set.py @@ -50,17 +50,21 @@ class RadioSet(VerticalScroll, can_focus=True, can_focus_children=False): & > .toggle--button { color: $panel-darken-2; background: $panel; - } - - &.-selected { - background: $block-cursor-blurred-background; - } + } } & > RadioButton.-on .toggle--button { color: $text-success; } + &:blur { + & > RadioButton.-selected { + & > .toggle--label { + background: $block-cursor-blurred-background; + } + } + } + &:focus { /* The following rules/styles mimic similar ToggleButton:focus rules in * ToggleButton. If those styles ever get updated, these should be too. @@ -68,9 +72,12 @@ class RadioSet(VerticalScroll, can_focus=True, can_focus_children=False): border: tall $border; background-tint: $foreground 5%; & > RadioButton.-selected { - color: $block-cursor-foreground; - text-style: $block-cursor-text-style; - background: $block-cursor-background; + + & > .toggle--label { + background: $block-cursor-background; + color: $block-cursor-foreground; + text-style: $block-cursor-text-style; + } } } diff --git a/src/textual/widgets/_toggle_button.py b/src/textual/widgets/_toggle_button.py index 66f28da539..dc0a8f6c88 100644 --- a/src/textual/widgets/_toggle_button.py +++ b/src/textual/widgets/_toggle_button.py @@ -85,11 +85,14 @@ class ToggleButton(Static, can_focus=True): background: $panel; } - &:focus { - border: tall $border; - background-tint: $foreground 5%; - & > .toggle--label { - color: $block-cursor-foreground; + &:focus { + border: tall $border; + background-tint: $foreground 5%; + + & > .toggle--label { + color: $block-cursor-foreground; + background: $block-cursor-background; + text-style: $block-cursor-text-style; } } &:blur:hover { @@ -160,7 +163,7 @@ def _make_label(self, label: ContentText) -> Content: Returns: A `Content` rendering of the label for use in the button. """ - label = Content.from_text(label).first_line + label = Content.from_text(label).first_line.rstrip() return label @property @@ -202,19 +205,18 @@ def render(self) -> Content: """ button = self._button label_style = self.get_visual_style("toggle--label") - label = self._label.stylize_before(label_style) - spacer = " " if label else "" + label = self._label.pad(1, 1).stylize_before(label_style) if self._button_first: - content = Content.assemble(button, spacer, label) + content = Content.assemble(button, label) else: - content = Content.assemble(label, spacer, button) + content = Content.assemble(label, button) return content def get_content_width(self, container: Size, viewport: Size) -> int: return ( self._button.get_optimal_width(self.styles, 0) - + (1 if self._label else 0) + + (2 if self._label else 0) + self._label.get_optimal_width(self.styles, 0) ) diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg index 5644cceb3d..c555094d64 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg @@ -44,7 +44,7 @@ .terminal-r10 { fill: #8ad4a1 } .terminal-r11 { fill: #0178d4 } .terminal-r12 { fill: #000000 } -.terminal-r13 { fill: #e2e2e2 } +.terminal-r13 { fill: #ddedf9;font-weight: bold } @@ -130,32 +130,32 @@ - + -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -XArrakis :sweat: -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔ -XCaladan -▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔ -XChusuk -▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -XGiedi Prime -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔ -XGinaz -▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔ -XGrumman -▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▃▃ -XKaitain -▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Arrakis :sweat:  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Caladan  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Chusuk  +▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +XGiedi Prime +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔ +XGinaz +▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +X Grumman  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▃▃ +X Kaitain  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_compact.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_compact.svg index 5684f2e9a4..b20172806b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_compact.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_compact.svg @@ -128,20 +128,20 @@ - + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ Bar   Foo world                                    ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Select -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔FOO -hello                             BAR +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ FOO  +hello                              BAR  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁X FOO ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔X BAR SelectEdit me                                ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -FOO -BAR + FOO  + BAR  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ X FOO diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg index 153a76e565..be64696a9f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg @@ -129,32 +129,32 @@ - + - ▔▔▔▔▔▔▔▔ -X92 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X93 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X94 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X95 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X96 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X97 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X98 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X99▁▁ -▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔ +X 92  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 93  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 94  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 95  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 96  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 97  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 98  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 99 ▁▁ +▁▁▁▁▁▁▁▁▁ ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg index 8a19e978bd..3d9bef40ca 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg @@ -35,13 +35,11 @@ .terminal-r1 { fill: #c5c8c6 } .terminal-r2 { fill: #121212 } .terminal-r3 { fill: #0178d4 } -.terminal-r4 { fill: #242f38;font-weight: bold } -.terminal-r5 { fill: #000f18;font-weight: bold } +.terminal-r4 { fill: #242f38 } +.terminal-r5 { fill: #000f18 } .terminal-r6 { fill: #ddedf9;font-weight: bold } -.terminal-r7 { fill: #242f38 } -.terminal-r8 { fill: #000f18 } -.terminal-r9 { fill: #e0e0e0 } -.terminal-r10 { fill: #8ad4a1 } +.terminal-r7 { fill: #e0e0e0 } +.terminal-r8 { fill: #8ad4a1 } @@ -127,7 +125,7 @@ - + @@ -136,15 +134,15 @@ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Battlestar Galactica -Dune 1984 -Dune 2021 -Serenity -Star Trek: The Motion Picture -Star Wars: A New Hope -The Last Starfighter -Total Recall 👉 🔴 -Wing Commander + Battlestar Galactica  + Dune 1984  + Dune 2021  + Serenity  + Star Trek: The Motion Picture  + Star Wars: A New Hope  + The Last Starfighter  + Total Recall 👉 🔴  + Wing Commander  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg index 96b1c872f1..b5461b3ff9 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg @@ -36,14 +36,12 @@ .terminal-r2 { fill: #121212 } .terminal-r3 { fill: #0178d4 } .terminal-r4 { fill: #191919 } -.terminal-r5 { fill: #242f38;font-weight: bold } -.terminal-r6 { fill: #000f18;font-weight: bold } +.terminal-r5 { fill: #242f38 } +.terminal-r6 { fill: #000f18 } .terminal-r7 { fill: #ddedf9;font-weight: bold } -.terminal-r8 { fill: #242f38 } -.terminal-r9 { fill: #000f18 } -.terminal-r10 { fill: #e0e0e0 } -.terminal-r11 { fill: #8ad4a1 } -.terminal-r12 { fill: #ff0000;font-weight: bold;font-style: italic; } +.terminal-r8 { fill: #e0e0e0 } +.terminal-r9 { fill: #8ad4a1 } +.terminal-r10 { fill: #ff0000;font-weight: bold;font-style: italic; } @@ -129,7 +127,7 @@ - + @@ -138,15 +136,15 @@ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Battlestar GalacticaAmanda -Dune 1984Connor MacLeod -Dune 2021Duncan MacLeod -SerenityHeather MacLeod -Star Trek: The Motion Pictu…Joe Dawson -Star Wars: A New HopeKurgan, The -The Last StarfighterMethos -Total Recall 👉 🔴Rachel Ellenstein -Wing CommanderRamírez + Battlestar Galactica  Amanda  + Dune 1984  Connor MacLeod  + Dune 2021  Duncan MacLeod  + Serenity  Heather MacLeod  + Star Trek: The Motion Pictu… Joe Dawson  + Star Wars: A New Hope  Kurgan, The + The Last Starfighter  Methos  + Total Recall 👉 🔴  Rachel Ellenstein  + Wing Commander  Ramírez  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg index 31520b8fa5..1f36076d5f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg @@ -38,10 +38,8 @@ .terminal-r4 { fill: #242f38 } .terminal-r5 { fill: #000f18 } .terminal-r6 { fill: #e0e0e0 } -.terminal-r7 { fill: #242f38;font-weight: bold } -.terminal-r8 { fill: #000f18;font-weight: bold } -.terminal-r9 { fill: #ddedf9;font-weight: bold } -.terminal-r10 { fill: #272727 } +.terminal-r7 { fill: #ddedf9;font-weight: bold } +.terminal-r8 { fill: #272727 } @@ -127,12 +125,12 @@ - + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -This is option #7 -This is option #8 -This is option #9 + This is option #7  + This is option #8  + This is option #9  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg index 567f9520e1..8c5080f52f 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg @@ -36,13 +36,11 @@ .terminal-r2 { fill: #e0e0e0 } .terminal-r3 { fill: #121212 } .terminal-r4 { fill: #0178d4 } -.terminal-r5 { fill: #242f38;font-weight: bold } -.terminal-r6 { fill: #000f18;font-weight: bold } +.terminal-r5 { fill: #242f38 } +.terminal-r6 { fill: #000f18 } .terminal-r7 { fill: #ddedf9;font-weight: bold } -.terminal-r8 { fill: #242f38 } -.terminal-r9 { fill: #000f18 } -.terminal-r10 { fill: #495259 } -.terminal-r11 { fill: #ffa62b;font-weight: bold } +.terminal-r8 { fill: #495259 } +.terminal-r9 { fill: #ffa62b;font-weight: bold } @@ -128,13 +126,13 @@ - + ForecastApp  Profile  ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -Foo -Bar + Foo  + Bar  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ @@ -153,7 +151,7 @@ -^p palette +^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg index ebdc97a5f3..9ea5075d14 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg @@ -130,32 +130,32 @@ - + - ▔▔▔▔▔▔▔▔ -X43 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X44 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X45 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X46▄▄ -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▃▃ -X47 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X48 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X49 -▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔ -X50 -▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔ +X 43  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 44  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 45  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 46 ▄▄ +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▃▃ +X 47  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 48  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 49  +▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔ +X 50  +▁▁▁▁▁▁▁▁▁ ^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg index 5872e76dc8..fffab7b416 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg @@ -37,11 +37,10 @@ .terminal-r3 { fill: #c5c8c6 } .terminal-r4 { fill: #242f38 } .terminal-r5 { fill: #000f18 } -.terminal-r6 { fill: #e0e0e0 } +.terminal-r6 { fill: #80bbe9;font-weight: bold } .terminal-r7 { fill: #ff0000;font-weight: bold } -.terminal-r8 { fill: #939393 } -.terminal-r9 { fill: #880909;font-weight: bold } -.terminal-r10 { fill: #888888 } +.terminal-r8 { fill: #880909;font-weight: bold } +.terminal-r9 { fill: #888888 } @@ -127,12 +126,12 @@ - + - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -XThis is just some text. -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -This is just some text. + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +XThis is just some text.  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +This is just some text.