diff --git a/CHANGELOG.md b/CHANGELOG.md index 5319800f7a..e78e774d64 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,12 @@ 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/). +## Unreleased + +### Changed + +- Buttons will now display multiple lines, and have auto height https://github.com/Textualize/textual/pull/3539 + ## [0.40.0] - 2023-10-11 - Added `loading` reactive property to widgets https://github.com/Textualize/textual/pull/3509 diff --git a/src/textual/widgets/_button.py b/src/textual/widgets/_button.py index fee0db2030..413c3b2258 100644 --- a/src/textual/widgets/_button.py +++ b/src/textual/widgets/_button.py @@ -3,6 +3,8 @@ from functools import partial import rich.repr +from rich.console import RenderableType +from rich.padding import Padding from rich.text import Text, TextType from typing_extensions import Literal, Self @@ -33,7 +35,7 @@ class Button(Static, can_focus=True): Button { width: auto; min-width: 16; - height: 3; + height: auto; background: $panel; color: $text; border: none; @@ -228,10 +230,8 @@ def validate_label(self, label: TextType) -> TextType: return Text.from_markup(label) return label - def render(self) -> TextType: - label = Text.assemble(" ", self.label, " ") - label.stylize(self.text_style) - return label + def render(self) -> RenderableType: + return Padding(self.label, (0, 1), expand=False) async def _on_click(self, event: events.Click) -> None: event.stop() diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index 98c66c4729..4b23ecded8 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -21,138 +21,138 @@ font-weight: 700; } - .terminal-2137082507-matrix { + .terminal-644510384-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2137082507-title { + .terminal-644510384-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2137082507-r1 { fill: #c5c8c6 } - .terminal-2137082507-r2 { fill: #7ae998 } - .terminal-2137082507-r3 { fill: #4ebf71;font-weight: bold } - .terminal-2137082507-r4 { fill: #008139 } - .terminal-2137082507-r5 { fill: #e3dbce } - .terminal-2137082507-r6 { fill: #e1e1e1 } - .terminal-2137082507-r7 { fill: #e76580 } - .terminal-2137082507-r8 { fill: #f5e5e9;font-weight: bold } - .terminal-2137082507-r9 { fill: #780028 } + .terminal-644510384-r1 { fill: #c5c8c6 } + .terminal-644510384-r2 { fill: #7ae998 } + .terminal-644510384-r3 { fill: #4ebf71;font-weight: bold } + .terminal-644510384-r4 { fill: #008139 } + .terminal-644510384-r5 { fill: #e3dbce } + .terminal-644510384-r6 { fill: #e1e1e1 } + .terminal-644510384-r7 { fill: #e76580 } + .terminal-644510384-r8 { fill: #f5e5e9;font-weight: bold } + .terminal-644510384-r9 { fill: #780028 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AlignContainersApp + AlignContainersApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  center  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  middle  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + center + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + middle + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + @@ -1369,162 +1369,162 @@ font-weight: 700; } - .terminal-3315449210-matrix { + .terminal-3842397750-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3315449210-title { + .terminal-3842397750-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3315449210-r1 { fill: #e1e1e1 } - .terminal-3315449210-r2 { fill: #c5c8c6 } - .terminal-3315449210-r3 { fill: #e1e1e1;font-weight: bold } - .terminal-3315449210-r4 { fill: #454a50 } - .terminal-3315449210-r5 { fill: #303336 } - .terminal-3315449210-r6 { fill: #24292f;font-weight: bold } - .terminal-3315449210-r7 { fill: #a7a7a7;font-weight: bold } - .terminal-3315449210-r8 { fill: #000000 } - .terminal-3315449210-r9 { fill: #0f0f0f } - .terminal-3315449210-r10 { fill: #507bb3 } - .terminal-3315449210-r11 { fill: #364b66 } - .terminal-3315449210-r12 { fill: #dde6ed;font-weight: bold } - .terminal-3315449210-r13 { fill: #a5a9ac;font-weight: bold } - .terminal-3315449210-r14 { fill: #001541 } - .terminal-3315449210-r15 { fill: #0f192e } - .terminal-3315449210-r16 { fill: #7ae998 } - .terminal-3315449210-r17 { fill: #4a8159 } - .terminal-3315449210-r18 { fill: #0a180e;font-weight: bold } - .terminal-3315449210-r19 { fill: #0e1510;font-weight: bold } - .terminal-3315449210-r20 { fill: #008139 } - .terminal-3315449210-r21 { fill: #0f4e2a } - .terminal-3315449210-r22 { fill: #ffcf56 } - .terminal-3315449210-r23 { fill: #8b7439 } - .terminal-3315449210-r24 { fill: #211505;font-weight: bold } - .terminal-3315449210-r25 { fill: #19140c;font-weight: bold } - .terminal-3315449210-r26 { fill: #b86b00 } - .terminal-3315449210-r27 { fill: #68430f } - .terminal-3315449210-r28 { fill: #e76580 } - .terminal-3315449210-r29 { fill: #80404d } - .terminal-3315449210-r30 { fill: #f5e5e9;font-weight: bold } - .terminal-3315449210-r31 { fill: #b0a8aa;font-weight: bold } - .terminal-3315449210-r32 { fill: #780028 } - .terminal-3315449210-r33 { fill: #4a0f22 } + .terminal-3842397750-r1 { fill: #e1e1e1 } + .terminal-3842397750-r2 { fill: #c5c8c6 } + .terminal-3842397750-r3 { fill: #e1e1e1;font-weight: bold } + .terminal-3842397750-r4 { fill: #454a50 } + .terminal-3842397750-r5 { fill: #303336 } + .terminal-3842397750-r6 { fill: #24292f;font-weight: bold } + .terminal-3842397750-r7 { fill: #a7a7a7;font-weight: bold } + .terminal-3842397750-r8 { fill: #000000 } + .terminal-3842397750-r9 { fill: #0f0f0f } + .terminal-3842397750-r10 { fill: #507bb3 } + .terminal-3842397750-r11 { fill: #364b66 } + .terminal-3842397750-r12 { fill: #dde6ed;font-weight: bold } + .terminal-3842397750-r13 { fill: #a5a9ac;font-weight: bold } + .terminal-3842397750-r14 { fill: #001541 } + .terminal-3842397750-r15 { fill: #0f192e } + .terminal-3842397750-r16 { fill: #7ae998 } + .terminal-3842397750-r17 { fill: #4a8159 } + .terminal-3842397750-r18 { fill: #0a180e;font-weight: bold } + .terminal-3842397750-r19 { fill: #0e1510;font-weight: bold } + .terminal-3842397750-r20 { fill: #008139 } + .terminal-3842397750-r21 { fill: #0f4e2a } + .terminal-3842397750-r22 { fill: #ffcf56 } + .terminal-3842397750-r23 { fill: #8b7439 } + .terminal-3842397750-r24 { fill: #211505;font-weight: bold } + .terminal-3842397750-r25 { fill: #19140c;font-weight: bold } + .terminal-3842397750-r26 { fill: #b86b00 } + .terminal-3842397750-r27 { fill: #68430f } + .terminal-3842397750-r28 { fill: #e76580 } + .terminal-3842397750-r29 { fill: #80404d } + .terminal-3842397750-r30 { fill: #f5e5e9;font-weight: bold } + .terminal-3842397750-r31 { fill: #b0a8aa;font-weight: bold } + .terminal-3842397750-r32 { fill: #780028 } + .terminal-3842397750-r33 { fill: #4a0f22 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ButtonsApp + ButtonsApp - - - - - Standard ButtonsDisabled Buttons - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Default  Default  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Primary!  Primary!  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Success!  Success!  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Warning!  Warning!  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Error!  Error!  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - + + + + + Standard ButtonsDisabled Buttons + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + DefaultDefault + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Primary!Primary! + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Success!Success! + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Warning!Warning! + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Error!Error! + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + @@ -2832,140 +2832,140 @@ font-weight: 700; } - .terminal-4120014803-matrix { + .terminal-78223076-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4120014803-title { + .terminal-78223076-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4120014803-r1 { fill: #c5c8c6 } - .terminal-4120014803-r2 { fill: #e1e1e1 } - .terminal-4120014803-r3 { fill: #454a50 } - .terminal-4120014803-r4 { fill: #24292f;font-weight: bold } - .terminal-4120014803-r5 { fill: #e2e3e3;font-weight: bold } - .terminal-4120014803-r6 { fill: #000000 } - .terminal-4120014803-r7 { fill: #004578 } - .terminal-4120014803-r8 { fill: #dde6ed;font-weight: bold } - .terminal-4120014803-r9 { fill: #dde6ed } - .terminal-4120014803-r10 { fill: #211505 } - .terminal-4120014803-r11 { fill: #e2e3e3 } + .terminal-78223076-r1 { fill: #c5c8c6 } + .terminal-78223076-r2 { fill: #e1e1e1 } + .terminal-78223076-r3 { fill: #454a50 } + .terminal-78223076-r4 { fill: #24292f;font-weight: bold } + .terminal-78223076-r5 { fill: #e2e3e3;font-weight: bold } + .terminal-78223076-r6 { fill: #000000 } + .terminal-78223076-r7 { fill: #004578 } + .terminal-78223076-r8 { fill: #dde6ed;font-weight: bold } + .terminal-78223076-r9 { fill: #dde6ed } + .terminal-78223076-r10 { fill: #211505 } + .terminal-78223076-r11 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ContentSwitcherApp + ContentSwitcherApp - - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  DataTable  Markdown  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ╭────────────────────────────────────────────────────────────────────╮ - │ Book                                 Year │ - │ Dune                                 1965 │ - │ Dune Messiah                         1969 │ - │ Children of Dune                     1976 │ - │ God Emperor of Dune                  1981 │ - │ Heretics of Dune                     1984 │ - │ Chapterhouse: Dune                   1985 │ - ││ - ││ - ││ - ││ - ││ - ││ - ││ - ││ - ││ - ││ - ╰────────────────────────────────────────────────────────────────────╯ + + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + DataTableMarkdown + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ╭────────────────────────────────────────────────────────────────────╮ + │ Book                                 Year │ + │ Dune                                 1965 │ + │ Dune Messiah                         1969 │ + │ Children of Dune                     1976 │ + │ God Emperor of Dune                  1981 │ + │ Heretics of Dune                     1984 │ + │ Chapterhouse: Dune                   1985 │ + ││ + ││ + ││ + ││ + ││ + ││ + ││ + ││ + ││ + ││ + ╰────────────────────────────────────────────────────────────────────╯ @@ -2996,246 +2996,246 @@ font-weight: 700; } - .terminal-4016107209-matrix { + .terminal-2627049-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4016107209-title { + .terminal-2627049-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4016107209-r1 { fill: #c5c8c6 } - .terminal-4016107209-r2 { fill: #e1e1e1 } - .terminal-4016107209-r3 { fill: #454a50 } - .terminal-4016107209-r4 { fill: #e2e3e3;font-weight: bold } - .terminal-4016107209-r5 { fill: #24292f;font-weight: bold } - .terminal-4016107209-r6 { fill: #000000 } - .terminal-4016107209-r7 { fill: #004578 } - .terminal-4016107209-r8 { fill: #121212 } - .terminal-4016107209-r9 { fill: #e2e3e3 } - .terminal-4016107209-r10 { fill: #0053aa } - .terminal-4016107209-r11 { fill: #dde8f3;font-weight: bold } - .terminal-4016107209-r12 { fill: #ffff00;font-weight: bold } - .terminal-4016107209-r13 { fill: #24292f } + .terminal-2627049-r1 { fill: #c5c8c6 } + .terminal-2627049-r2 { fill: #e1e1e1 } + .terminal-2627049-r3 { fill: #454a50 } + .terminal-2627049-r4 { fill: #e2e3e3;font-weight: bold } + .terminal-2627049-r5 { fill: #24292f;font-weight: bold } + .terminal-2627049-r6 { fill: #000000 } + .terminal-2627049-r7 { fill: #004578 } + .terminal-2627049-r8 { fill: #121212 } + .terminal-2627049-r9 { fill: #e2e3e3 } + .terminal-2627049-r10 { fill: #0053aa } + .terminal-2627049-r11 { fill: #dde8f3;font-weight: bold } + .terminal-2627049-r12 { fill: #ffff00;font-weight: bold } + .terminal-2627049-r13 { fill: #24292f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ContentSwitcherApp + ContentSwitcherApp - - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  DataTable  Markdown  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ╭─────────────────────────────────────────╮ - │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ - │▎▊│ - │▎Three Flavours Cornetto▊│ - │▎▊│ - │▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│ - │The Three Flavours Cornetto │ - │trilogy is an anthology series │ - │of British comedic genre films │ - │directed by Edgar Wright.│ - ││ - │       Shaun of the Dead       │ - ││ - │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ - │▎▊│ - │▎UK      ▊│ - │▎Release ▊│ - │▎Flavour Date    Director ▊│ - │▎ ━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▊│ - │▎Strawbe…2004-04…Edgar    ▊│ - │▎Wright   ▊│ - │▎▊│ - │▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│ - ││ - │           Hot Fuzz            │ - ││ - │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ - │▎▊│ - │▎UK      ▊│ - │▎Release ▊│ - │▎Flavour Date    Director ▊│ - │▎ ━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▊│ - │▎Classico2007-02…Edgar    ▊│ - │▎Wright   ▊│ - │▎▊│ - │▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│ - ││ - │        The World's End        │ - ││ - │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ - │▎▊│ - │▎UK       ▊│ - │▎Release  ▊│ - │▎FlavourDate     Director ▊│ - ╰─────────────────────────────────────────╯ + + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + DataTableMarkdown + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ╭─────────────────────────────────────────╮ + │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ + │▎▊│ + │▎Three Flavours Cornetto▊│ + │▎▊│ + │▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│ + │The Three Flavours Cornetto │ + │trilogy is an anthology series │ + │of British comedic genre films │ + │directed by Edgar Wright.│ + ││ + │       Shaun of the Dead       │ + ││ + │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ + │▎▊│ + │▎UK      ▊│ + │▎Release ▊│ + │▎Flavour Date    Director ▊│ + │▎ ━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▊│ + │▎Strawbe…2004-04…Edgar    ▊│ + │▎Wright   ▊│ + │▎▊│ + │▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│ + ││ + │           Hot Fuzz            │ + ││ + │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ + │▎▊│ + │▎UK      ▊│ + │▎Release ▊│ + │▎Flavour Date    Director ▊│ + │▎ ━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▊│ + │▎Classico2007-02…Edgar    ▊│ + │▎Wright   ▊│ + │▎▊│ + │▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│ + ││ + │        The World's End        │ + ││ + │▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│ + │▎▊│ + │▎UK       ▊│ + │▎Release  ▊│ + │▎FlavourDate     Director ▊│ + ╰─────────────────────────────────────────╯ @@ -15616,168 +15616,168 @@ font-weight: 700; } - .terminal-2095575413-matrix { + .terminal-3715992062-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2095575413-title { + .terminal-3715992062-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2095575413-r1 { fill: #c5c8c6 } - .terminal-2095575413-r2 { fill: #e3e3e3 } - .terminal-2095575413-r3 { fill: #e1e1e1 } - .terminal-2095575413-r4 { fill: #e2e2e2 } - .terminal-2095575413-r5 { fill: #14191f } - .terminal-2095575413-r6 { fill: #004578 } - .terminal-2095575413-r7 { fill: #262626 } - .terminal-2095575413-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } - .terminal-2095575413-r9 { fill: #e2e2e2;font-weight: bold } - .terminal-2095575413-r10 { fill: #7ae998 } - .terminal-2095575413-r11 { fill: #4ebf71;font-weight: bold } - .terminal-2095575413-r12 { fill: #008139 } - .terminal-2095575413-r13 { fill: #dde8f3;font-weight: bold } - .terminal-2095575413-r14 { fill: #ddedf9 } + .terminal-3715992062-r1 { fill: #c5c8c6 } + .terminal-3715992062-r2 { fill: #e3e3e3 } + .terminal-3715992062-r3 { fill: #e1e1e1 } + .terminal-3715992062-r4 { fill: #e2e2e2 } + .terminal-3715992062-r5 { fill: #14191f } + .terminal-3715992062-r6 { fill: #004578 } + .terminal-3715992062-r7 { fill: #262626 } + .terminal-3715992062-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } + .terminal-3715992062-r9 { fill: #e2e2e2;font-weight: bold } + .terminal-3715992062-r10 { fill: #7ae998 } + .terminal-3715992062-r11 { fill: #4ebf71;font-weight: bold } + .terminal-3715992062-r12 { fill: #008139 } + .terminal-3715992062-r13 { fill: #dde8f3;font-weight: bold } + .terminal-3715992062-r14 { fill: #ddedf9 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Textual Demo + Textual Demo - - - - ⭘Textual Demo - - - TOP - - ▆▆ - - Widgets - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎▊ - Rich content▎Textual Demo▊ - ▎▊ - ▎Welcome! Textual is a framework for creating sophisticated▊ - ▎applications with the terminal.                           ▊ - CSS▎▊ - ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ - ▎ Start ▊ - ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - - - - - -  CTRL+B  Sidebar  CTRL+T  Toggle Dark mode  CTRL+S  Screenshot  F1  Notes  CTRL+Q  Quit  + + + + ⭘Textual Demo + + + TOP + + ▆▆ + + Widgets + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▎▊ + ▎▊ + Rich content▎Textual Demo▊ + ▎▊ + ▎Welcome! Textual is a framework for creating sophisticated▊ + ▎applications with the terminal.                           ▊ + CSS▎▊ + ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ + ▎Start▊ + ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ + ▎▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + +  CTRL+B  Sidebar  CTRL+T  Toggle Dark mode  CTRL+S  Screenshot  F1  Notes  CTRL+Q  Quit  @@ -15963,162 +15963,162 @@ font-weight: 700; } - .terminal-3864303289-matrix { + .terminal-3209943725-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3864303289-title { + .terminal-3209943725-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3864303289-r1 { fill: #454a50 } - .terminal-3864303289-r2 { fill: #507bb3 } - .terminal-3864303289-r3 { fill: #7ae998 } - .terminal-3864303289-r4 { fill: #ffcf56 } - .terminal-3864303289-r5 { fill: #e76580 } - .terminal-3864303289-r6 { fill: #c5c8c6 } - .terminal-3864303289-r7 { fill: #24292f;font-weight: bold } - .terminal-3864303289-r8 { fill: #dde6ed;font-weight: bold } - .terminal-3864303289-r9 { fill: #0a180e;font-weight: bold } - .terminal-3864303289-r10 { fill: #211505;font-weight: bold } - .terminal-3864303289-r11 { fill: #f5e5e9;font-weight: bold } - .terminal-3864303289-r12 { fill: #000000 } - .terminal-3864303289-r13 { fill: #001541 } - .terminal-3864303289-r14 { fill: #008139 } - .terminal-3864303289-r15 { fill: #b86b00 } - .terminal-3864303289-r16 { fill: #780028 } - .terminal-3864303289-r17 { fill: #303336 } - .terminal-3864303289-r18 { fill: #364b66 } - .terminal-3864303289-r19 { fill: #4a8159 } - .terminal-3864303289-r20 { fill: #8b7439 } - .terminal-3864303289-r21 { fill: #80404d } - .terminal-3864303289-r22 { fill: #a7a7a7;font-weight: bold } - .terminal-3864303289-r23 { fill: #a5a9ac;font-weight: bold } - .terminal-3864303289-r24 { fill: #0e1510;font-weight: bold } - .terminal-3864303289-r25 { fill: #19140c;font-weight: bold } - .terminal-3864303289-r26 { fill: #b0a8aa;font-weight: bold } - .terminal-3864303289-r27 { fill: #0f0f0f } - .terminal-3864303289-r28 { fill: #0f192e } - .terminal-3864303289-r29 { fill: #0f4e2a } - .terminal-3864303289-r30 { fill: #68430f } - .terminal-3864303289-r31 { fill: #4a0f22 } - .terminal-3864303289-r32 { fill: #e2e3e3;font-weight: bold } + .terminal-3209943725-r1 { fill: #454a50 } + .terminal-3209943725-r2 { fill: #507bb3 } + .terminal-3209943725-r3 { fill: #7ae998 } + .terminal-3209943725-r4 { fill: #ffcf56 } + .terminal-3209943725-r5 { fill: #e76580 } + .terminal-3209943725-r6 { fill: #c5c8c6 } + .terminal-3209943725-r7 { fill: #24292f;font-weight: bold } + .terminal-3209943725-r8 { fill: #dde6ed;font-weight: bold } + .terminal-3209943725-r9 { fill: #0a180e;font-weight: bold } + .terminal-3209943725-r10 { fill: #211505;font-weight: bold } + .terminal-3209943725-r11 { fill: #f5e5e9;font-weight: bold } + .terminal-3209943725-r12 { fill: #000000 } + .terminal-3209943725-r13 { fill: #001541 } + .terminal-3209943725-r14 { fill: #008139 } + .terminal-3209943725-r15 { fill: #b86b00 } + .terminal-3209943725-r16 { fill: #780028 } + .terminal-3209943725-r17 { fill: #303336 } + .terminal-3209943725-r18 { fill: #364b66 } + .terminal-3209943725-r19 { fill: #4a8159 } + .terminal-3209943725-r20 { fill: #8b7439 } + .terminal-3209943725-r21 { fill: #80404d } + .terminal-3209943725-r22 { fill: #a7a7a7;font-weight: bold } + .terminal-3209943725-r23 { fill: #a5a9ac;font-weight: bold } + .terminal-3209943725-r24 { fill: #0e1510;font-weight: bold } + .terminal-3209943725-r25 { fill: #19140c;font-weight: bold } + .terminal-3209943725-r26 { fill: #b0a8aa;font-weight: bold } + .terminal-3209943725-r27 { fill: #0f0f0f } + .terminal-3209943725-r28 { fill: #0f192e } + .terminal-3209943725-r29 { fill: #0f4e2a } + .terminal-3209943725-r30 { fill: #68430f } + .terminal-3209943725-r31 { fill: #4a0f22 } + .terminal-3209943725-r32 { fill: #e2e3e3;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - WidgetDisableTestApp + WidgetDisableTestApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  Button  Button  Button  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ButtonButtonButtonButtonButton + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ @@ -19641,144 +19641,144 @@ font-weight: 700; } - .terminal-2420307368-matrix { + .terminal-3743315821-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2420307368-title { + .terminal-3743315821-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2420307368-r1 { fill: #7ae998 } - .terminal-2420307368-r2 { fill: #e76580 } - .terminal-2420307368-r3 { fill: #1e1e1e } - .terminal-2420307368-r4 { fill: #121212 } - .terminal-2420307368-r5 { fill: #c5c8c6 } - .terminal-2420307368-r6 { fill: #4ebf71;font-weight: bold } - .terminal-2420307368-r7 { fill: #f5e5e9;font-weight: bold } - .terminal-2420307368-r8 { fill: #e2e2e2 } - .terminal-2420307368-r9 { fill: #0a180e;font-weight: bold } - .terminal-2420307368-r10 { fill: #008139 } - .terminal-2420307368-r11 { fill: #780028 } - .terminal-2420307368-r12 { fill: #e1e1e1 } - .terminal-2420307368-r13 { fill: #23568b } - .terminal-2420307368-r14 { fill: #14191f } + .terminal-3743315821-r1 { fill: #7ae998 } + .terminal-3743315821-r2 { fill: #e76580 } + .terminal-3743315821-r3 { fill: #1e1e1e } + .terminal-3743315821-r4 { fill: #121212 } + .terminal-3743315821-r5 { fill: #c5c8c6 } + .terminal-3743315821-r6 { fill: #4ebf71;font-weight: bold } + .terminal-3743315821-r7 { fill: #f5e5e9;font-weight: bold } + .terminal-3743315821-r8 { fill: #e2e2e2 } + .terminal-3743315821-r9 { fill: #0a180e;font-weight: bold } + .terminal-3743315821-r10 { fill: #008139 } + .terminal-3743315821-r11 { fill: #780028 } + .terminal-3743315821-r12 { fill: #e1e1e1 } + .terminal-3743315821-r13 { fill: #23568b } + .terminal-3743315821-r14 { fill: #14191f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▔▔▔▔▔▔▔ -  Accept  Decline ▊ Accept  Decline ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊▁▁▁▁▁▁▁ - - - - - - - - - ▌ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Accept  Accept  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Decline  Decline  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▆▆ - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▊▊ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - 00 - - 10000001000000 + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▔▔▔▔▔▔▔ + AcceptDecline▊AcceptDecline▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊▁▁▁▁▁▁▁ + + + + + + + + + ▌ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + AcceptAccept + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + DeclineDecline + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▆▆ + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▊▊ + ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + 00 + + 10000001000000 @@ -20923,141 +20923,141 @@ font-weight: 700; } - .terminal-764470079-matrix { + .terminal-2766044148-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-764470079-title { + .terminal-2766044148-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-764470079-r1 { fill: #e0e0e0 } - .terminal-764470079-r2 { fill: #656565 } - .terminal-764470079-r3 { fill: #c5c8c6 } - .terminal-764470079-r4 { fill: #121212 } - .terminal-764470079-r5 { fill: #e1e1e1 } - .terminal-764470079-r6 { fill: #454a50 } - .terminal-764470079-r7 { fill: #646464 } - .terminal-764470079-r8 { fill: #24292f;font-weight: bold } - .terminal-764470079-r9 { fill: #000000 } - .terminal-764470079-r10 { fill: #63676c;font-weight: bold } - .terminal-764470079-r11 { fill: #63696e } + .terminal-2766044148-r1 { fill: #e0e0e0 } + .terminal-2766044148-r2 { fill: #656565 } + .terminal-2766044148-r3 { fill: #c5c8c6 } + .terminal-2766044148-r4 { fill: #121212 } + .terminal-2766044148-r5 { fill: #e1e1e1 } + .terminal-2766044148-r6 { fill: #454a50 } + .terminal-2766044148-r7 { fill: #646464 } + .terminal-2766044148-r8 { fill: #24292f;font-weight: bold } + .terminal-2766044148-r9 { fill: #000000 } + .terminal-2766044148-r10 { fill: #63676c;font-weight: bold } + .terminal-2766044148-r11 { fill: #63696e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - DialogModalApp - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▊hi!▎ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  OK  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - -  ⏎  Open Dialog  + + + + DialogModalApp + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▊hi!▎ + ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + OK + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + +  ⏎  Open Dialog  @@ -29714,139 +29714,139 @@ font-weight: 700; } - .terminal-3132124347-matrix { + .terminal-3172334379-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3132124347-title { + .terminal-3172334379-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3132124347-r1 { fill: #c5c8c6 } - .terminal-3132124347-r2 { fill: #484848;font-weight: bold } - .terminal-3132124347-r3 { fill: #484848 } - .terminal-3132124347-r4 { fill: #737373 } - .terminal-3132124347-r5 { fill: #474747 } - .terminal-3132124347-r6 { fill: #0178d4 } - .terminal-3132124347-r7 { fill: #a32327 } - .terminal-3132124347-r8 { fill: #f09d9e;font-weight: bold } - .terminal-3132124347-r9 { fill: #810000 } - .terminal-3132124347-r10 { fill: #e1e1e1 } + .terminal-3172334379-r1 { fill: #c5c8c6 } + .terminal-3172334379-r2 { fill: #484848;font-weight: bold } + .terminal-3172334379-r3 { fill: #484848 } + .terminal-3172334379-r4 { fill: #737373 } + .terminal-3172334379-r5 { fill: #474747 } + .terminal-3172334379-r6 { fill: #0178d4 } + .terminal-3172334379-r7 { fill: #a32327 } + .terminal-3172334379-r8 { fill: #f09d9e;font-weight: bold } + .terminal-3172334379-r9 { fill: #810000 } + .terminal-3172334379-r10 { fill: #e1e1e1 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FiddleWithTabsApp + FiddleWithTabsApp - - - - - Tab 1Tab 2Tab 4Tab 5 - ━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - + + + + + Tab 1Tab 2Tab 4Tab 5 + ━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + @@ -33595,141 +33595,141 @@ font-weight: 700; } - .terminal-4254142758-matrix { + .terminal-1791594084-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4254142758-title { + .terminal-1791594084-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4254142758-r1 { fill: #05080f } - .terminal-4254142758-r2 { fill: #e1e1e1 } - .terminal-4254142758-r3 { fill: #c5c8c6 } - .terminal-4254142758-r4 { fill: #1e2226;font-weight: bold } - .terminal-4254142758-r5 { fill: #35393d } - .terminal-4254142758-r6 { fill: #454a50 } - .terminal-4254142758-r7 { fill: #fea62b } - .terminal-4254142758-r8 { fill: #e2e3e3;font-weight: bold } - .terminal-4254142758-r9 { fill: #000000 } - .terminal-4254142758-r10 { fill: #e2e3e3 } - .terminal-4254142758-r11 { fill: #14191f } + .terminal-1791594084-r1 { fill: #05080f } + .terminal-1791594084-r2 { fill: #e1e1e1 } + .terminal-1791594084-r3 { fill: #c5c8c6 } + .terminal-1791594084-r4 { fill: #1e2226;font-weight: bold } + .terminal-1791594084-r5 { fill: #35393d } + .terminal-1791594084-r6 { fill: #454a50 } + .terminal-1791594084-r7 { fill: #fea62b } + .terminal-1791594084-r8 { fill: #e2e3e3;font-weight: bold } + .terminal-1791594084-r9 { fill: #000000 } + .terminal-1791594084-r10 { fill: #e2e3e3 } + .terminal-1791594084-r11 { fill: #14191f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BorderApp + BorderApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  ascii  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔+------------------- ascii --------------------+ -  blank || - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|I must not fear.| -  dashed |Fear is the mind-killer.| - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|Fear is the little-death that brings | - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|total obliteration.| -  double |I will face my fear.| - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅|I will permit it to pass over me and | - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|through me.| -  heavy |And when it has gone past, I will turn| - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|the inner eye to see its path.| - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|Where the fear has gone there will be | -  hidden |nothing. Only I will remain.| - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|| -  hkey +----------------------------------------------+ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  inner  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ascii + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔+------------------- ascii --------------------+ + blank|| + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|I must not fear.| + dashed|Fear is the mind-killer.| + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|Fear is the little-death that brings | + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|total obliteration.| + double|I will face my fear.| + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅|I will permit it to pass over me and | + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|through me.| + heavy|And when it has gone past, I will turn| + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|the inner eye to see its path.| + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|Where the fear has gone there will be | + hidden|nothing. Only I will remain.| + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁|| + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|| + hkey+----------------------------------------------+ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + inner + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ @@ -33759,152 +33759,152 @@ font-weight: 700; } - .terminal-1978519803-matrix { + .terminal-1491806047-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1978519803-title { + .terminal-1491806047-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1978519803-r1 { fill: #c5c8c6 } - .terminal-1978519803-r2 { fill: #e1e1e1;font-weight: bold } - .terminal-1978519803-r3 { fill: #737373 } - .terminal-1978519803-r4 { fill: #474747 } - .terminal-1978519803-r5 { fill: #0178d4 } - .terminal-1978519803-r6 { fill: #454a50 } - .terminal-1978519803-r7 { fill: #e1e1e1 } - .terminal-1978519803-r8 { fill: #e0e0e0 } - .terminal-1978519803-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-1978519803-r10 { fill: #000000 } - .terminal-1978519803-r11 { fill: #1e1e1e } - .terminal-1978519803-r12 { fill: #dde0e6 } - .terminal-1978519803-r13 { fill: #99a1b3 } - .terminal-1978519803-r14 { fill: #dde2e8 } - .terminal-1978519803-r15 { fill: #99a7b9 } - .terminal-1978519803-r16 { fill: #dde4ea } - .terminal-1978519803-r17 { fill: #99adc1 } - .terminal-1978519803-r18 { fill: #dde6ed } - .terminal-1978519803-r19 { fill: #99b4c9 } - .terminal-1978519803-r20 { fill: #23568b } - .terminal-1978519803-r21 { fill: #dde8f3;font-weight: bold } - .terminal-1978519803-r22 { fill: #ddedf9 } + .terminal-1491806047-r1 { fill: #c5c8c6 } + .terminal-1491806047-r2 { fill: #e1e1e1;font-weight: bold } + .terminal-1491806047-r3 { fill: #737373 } + .terminal-1491806047-r4 { fill: #474747 } + .terminal-1491806047-r5 { fill: #0178d4 } + .terminal-1491806047-r6 { fill: #454a50 } + .terminal-1491806047-r7 { fill: #e1e1e1 } + .terminal-1491806047-r8 { fill: #e0e0e0 } + .terminal-1491806047-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-1491806047-r10 { fill: #000000 } + .terminal-1491806047-r11 { fill: #1e1e1e } + .terminal-1491806047-r12 { fill: #dde0e6 } + .terminal-1491806047-r13 { fill: #99a1b3 } + .terminal-1491806047-r14 { fill: #dde2e8 } + .terminal-1491806047-r15 { fill: #99a7b9 } + .terminal-1491806047-r16 { fill: #dde4ea } + .terminal-1491806047-r17 { fill: #99adc1 } + .terminal-1491806047-r18 { fill: #dde6ed } + .terminal-1491806047-r19 { fill: #99b4c9 } + .terminal-1491806047-r20 { fill: #23568b } + .terminal-1491806047-r21 { fill: #dde8f3;font-weight: bold } + .terminal-1491806047-r22 { fill: #ddedf9 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorsApp + ColorsApp - - - - - Theme ColorsNamed Colors - ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  primary  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  secondary ▎"primary" - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  background ▎$primary-darken-3$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  primary-background ▎$primary-darken-2$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  secondary-background ▎$primary-darken-1$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  surface ▎$primary$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - -  D  Toggle dark mode  + + + + + Theme ColorsNamed Colors + ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + primary + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + secondary▎"primary" + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + background▎$primary-darken-3$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + primary-background▎$primary-darken-2$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + secondary-background▎$primary-darken-1$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + surface▎$primary$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + +  D  Toggle dark mode  @@ -33934,148 +33934,148 @@ font-weight: 700; } - .terminal-456227705-matrix { + .terminal-740882655-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-456227705-title { + .terminal-740882655-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-456227705-r1 { fill: #454a50 } - .terminal-456227705-r2 { fill: #e1e1e1 } - .terminal-456227705-r3 { fill: #c5c8c6 } - .terminal-456227705-r4 { fill: #24292f;font-weight: bold } - .terminal-456227705-r5 { fill: #262626 } - .terminal-456227705-r6 { fill: #000000 } - .terminal-456227705-r7 { fill: #e2e2e2 } - .terminal-456227705-r8 { fill: #e3e3e3 } - .terminal-456227705-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-456227705-r10 { fill: #14191f } - .terminal-456227705-r11 { fill: #b93c5b } - .terminal-456227705-r12 { fill: #121212 } - .terminal-456227705-r13 { fill: #1e1e1e } - .terminal-456227705-r14 { fill: #fea62b } - .terminal-456227705-r15 { fill: #211505;font-weight: bold } - .terminal-456227705-r16 { fill: #211505 } - .terminal-456227705-r17 { fill: #dde8f3;font-weight: bold } - .terminal-456227705-r18 { fill: #ddedf9 } + .terminal-740882655-r1 { fill: #454a50 } + .terminal-740882655-r2 { fill: #e1e1e1 } + .terminal-740882655-r3 { fill: #c5c8c6 } + .terminal-740882655-r4 { fill: #24292f;font-weight: bold } + .terminal-740882655-r5 { fill: #262626 } + .terminal-740882655-r6 { fill: #000000 } + .terminal-740882655-r7 { fill: #e2e2e2 } + .terminal-740882655-r8 { fill: #e3e3e3 } + .terminal-740882655-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-740882655-r10 { fill: #14191f } + .terminal-740882655-r11 { fill: #b93c5b } + .terminal-740882655-r12 { fill: #121212 } + .terminal-740882655-r13 { fill: #1e1e1e } + .terminal-740882655-r14 { fill: #fea62b } + .terminal-740882655-r15 { fill: #211505;font-weight: bold } + .terminal-740882655-r16 { fill: #211505 } + .terminal-740882655-r17 { fill: #dde8f3;font-weight: bold } + .terminal-740882655-r18 { fill: #ddedf9 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - EasingApp + EasingApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  round ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -  out_sine  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -  out_quint ▏▎▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ -  out_quart ▏▎I must not fear.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ -  out_quad ▏▎Fear is the ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ -  out_expo ▏▎obliteration.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ -  out_elastic ▏▎pass over me and ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ -  out_cubic ▏ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ CTRL+P  Focus: Duration Input  CTRL+B  Toggle Dark  + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + round▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + out_sine + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + out_quint▏▎▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ + out_quart▏▎I must not fear.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ + out_quad▏▎Fear is the ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ + out_expo▏▎obliteration.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ + out_elastic▏▎pass over me and ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ + out_cubic▏ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ CTRL+P  Focus: Duration Input  CTRL+B  Toggle Dark  @@ -34105,146 +34105,146 @@ font-weight: 700; } - .terminal-391476017-matrix { + .terminal-4085160594-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-391476017-title { + .terminal-4085160594-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-391476017-r1 { fill: #c5c8c6 } - .terminal-391476017-r2 { fill: #e3e3e3 } - .terminal-391476017-r3 { fill: #e1e1e1 } - .terminal-391476017-r4 { fill: #e1e1e1;text-decoration: underline; } - .terminal-391476017-r5 { fill: #e1e1e1;font-weight: bold } - .terminal-391476017-r6 { fill: #e1e1e1;font-style: italic; } - .terminal-391476017-r7 { fill: #98729f;font-weight: bold } - .terminal-391476017-r8 { fill: #d0b344 } - .terminal-391476017-r9 { fill: #98a84b } - .terminal-391476017-r10 { fill: #00823d;font-style: italic; } - .terminal-391476017-r11 { fill: #ffcf56 } - .terminal-391476017-r12 { fill: #e76580 } - .terminal-391476017-r13 { fill: #fea62b;font-weight: bold } - .terminal-391476017-r14 { fill: #f5e5e9;font-weight: bold } - .terminal-391476017-r15 { fill: #b86b00 } - .terminal-391476017-r16 { fill: #780028 } + .terminal-4085160594-r1 { fill: #c5c8c6 } + .terminal-4085160594-r2 { fill: #e3e3e3 } + .terminal-4085160594-r3 { fill: #e1e1e1 } + .terminal-4085160594-r4 { fill: #e1e1e1;text-decoration: underline; } + .terminal-4085160594-r5 { fill: #e1e1e1;font-weight: bold } + .terminal-4085160594-r6 { fill: #e1e1e1;font-style: italic; } + .terminal-4085160594-r7 { fill: #98729f;font-weight: bold } + .terminal-4085160594-r8 { fill: #d0b344 } + .terminal-4085160594-r9 { fill: #98a84b } + .terminal-4085160594-r10 { fill: #00823d;font-style: italic; } + .terminal-4085160594-r11 { fill: #ffcf56 } + .terminal-4085160594-r12 { fill: #e76580 } + .terminal-4085160594-r13 { fill: #fea62b;font-weight: bold } + .terminal-4085160594-r14 { fill: #f5e5e9;font-weight: bold } + .terminal-4085160594-r15 { fill: #b86b00 } + .terminal-4085160594-r16 { fill: #780028 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Textual Keys + Textual Keys - - - - ⭘Textual Keys - ╭────────────────────────────────────────────────────────────────────────────╮ - │Press some keys!│ - ││ - │To quit the app press ctrl+ctwice or press the Quit button below.│ - ╰────────────────────────────────────────────────────────────────────────────╯ - Key(key='a', character='a', name='a', is_printable=True) - Key(key='b', character='b', name='b', is_printable=True) - - - - - - - - - - - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Clear  Quit  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + ⭘Textual Keys + ╭────────────────────────────────────────────────────────────────────────────╮ + │Press some keys!│ + ││ + │To quit the app press ctrl+ctwice or press the Quit button below.│ + ╰────────────────────────────────────────────────────────────────────────────╯ + Key(key='a', character='a', name='a', is_printable=True) + Key(key='b', character='b', name='b', is_printable=True) + + + + + + + + + + + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ClearQuit + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁