From 3d49ded08dc50f2ce9561c56367a80d4a5c6d894 Mon Sep 17 00:00:00 2001 From: Will McGugan Date: Wed, 22 May 2024 16:02:08 +0100 Subject: [PATCH 1/4] tweak --- CHANGELOG.md | 1 + src/textual/widgets/_markdown.py | 46 +++++++++++++++++--------------- 2 files changed, 25 insertions(+), 22 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index b66a10519b..cf78cd9cde 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ### Changed - Breaking change: New Footer (likely a drop in replacement, unless you have customized styles) https://github.com/Textualize/textual/pull/4537 +- Stylistic changes to Markdown (simpler headers, less margin, etc) ## [0.62.0] - 2024-05-20 diff --git a/src/textual/widgets/_markdown.py b/src/textual/widgets/_markdown.py index dc2a9f35d1..69d267c637 100644 --- a/src/textual/widgets/_markdown.py +++ b/src/textual/widgets/_markdown.py @@ -231,6 +231,8 @@ class MarkdownHeader(MarkdownBlock): DEFAULT_CSS = """ MarkdownHeader { color: $text; + margin: 2 0 1 0; + } """ @@ -241,13 +243,12 @@ class MarkdownH1(MarkdownHeader): DEFAULT_CSS = """ MarkdownH1 { - background: $accent-darken-2; - border: wide $background; - content-align: center middle; - - padding: 1; + # background: $accent-darken-2; + # border: wide $background; + content-align: center middle; + text-style: bold; - color: $text; + color: $accent; } """ @@ -258,13 +259,12 @@ class MarkdownH2(MarkdownHeader): DEFAULT_CSS = """ MarkdownH2 { - background: $panel; - border: wide $background; - text-align: center; + # background: $panel; + # border: wide $background; + # text-align: center; text-style: underline; - color: $text; - padding: 1; - text-style: bold; + color: $accent; + } """ @@ -274,10 +274,10 @@ class MarkdownH3(MarkdownHeader): DEFAULT_CSS = """ MarkdownH3 { - background: $surface; + text-style: bold; - color: $text; - border-bottom: wide $foreground; + color: $accent; + margin: 1 0; width: auto; } """ @@ -288,8 +288,9 @@ class MarkdownH4(MarkdownHeader): DEFAULT_CSS = """ MarkdownH4 { - text-style: underline; + text-style: bold underline; margin: 1 0; + color: $text; } """ @@ -302,6 +303,7 @@ class MarkdownH5(MarkdownHeader): text-style: bold; color: $text; margin: 1 0; + } """ @@ -492,9 +494,9 @@ class MarkdownTable(MarkdownBlock): DEFAULT_CSS = """ MarkdownTable { width: 100%; - margin: 1 0; - background: $panel; - border: wide $background; + # margin: 1 0; + # background: $panel; + # border: wide $background; } """ @@ -594,8 +596,7 @@ class MarkdownFence(MarkdownBlock): margin: 1 0; overflow: auto; width: 100%; - height: auto; - max-height: 20; + height: auto; color: rgb(210,210,210); } @@ -661,8 +662,9 @@ class Markdown(Widget): DEFAULT_CSS = """ Markdown { height: auto; - margin: 0 4 1 4; + margin: 0 2 1 2; layout: vertical; + color: $text; } .em { text-style: italic; From 5c9c2ccb735309412efdbbae904b0e347891b4f4 Mon Sep 17 00:00:00 2001 From: Will McGugan Date: Wed, 22 May 2024 16:20:49 +0100 Subject: [PATCH 2/4] more tweaks --- src/textual/widgets/_markdown.py | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) diff --git a/src/textual/widgets/_markdown.py b/src/textual/widgets/_markdown.py index 69d267c637..448fbb7a36 100644 --- a/src/textual/widgets/_markdown.py +++ b/src/textual/widgets/_markdown.py @@ -243,10 +243,7 @@ class MarkdownH1(MarkdownHeader): DEFAULT_CSS = """ MarkdownH1 { - # background: $accent-darken-2; - # border: wide $background; - content-align: center middle; - + content-align: center middle; text-style: bold; color: $accent; } @@ -259,9 +256,6 @@ class MarkdownH2(MarkdownHeader): DEFAULT_CSS = """ MarkdownH2 { - # background: $panel; - # border: wide $background; - # text-align: center; text-style: underline; color: $accent; @@ -350,7 +344,7 @@ class MarkdownBlockQuote(MarkdownBlock): DEFAULT_CSS = """ MarkdownBlockQuote { background: $boost; - border-left: outer $success; + border-left: outer $primary; margin: 1 0; padding: 0 1; } @@ -493,10 +487,8 @@ class MarkdownTable(MarkdownBlock): DEFAULT_CSS = """ MarkdownTable { - width: 100%; - # margin: 1 0; - # background: $panel; - # border: wide $background; + width: 100%; + background: $panel; } """ @@ -597,7 +589,10 @@ class MarkdownFence(MarkdownBlock): overflow: auto; width: 100%; height: auto; + max-height: 20; color: rgb(210,210,210); + + } MarkdownFence > * { From 97d11b89e1e7000c5db285ab6168a14e071ac7a0 Mon Sep 17 00:00:00 2001 From: Will McGugan Date: Wed, 22 May 2024 16:34:26 +0100 Subject: [PATCH 3/4] snapshots --- CHANGELOG.md | 4 +- .../__snapshots__/test_snapshots.ambr | 1548 ++++++++--------- 2 files changed, 764 insertions(+), 788 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index cf78cd9cde..7782fc261d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,12 +9,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ### Fixed -- Fixed actions in links +- Fixed actions in links https://github.com/Textualize/textual/pull/4540 ### Changed - Breaking change: New Footer (likely a drop in replacement, unless you have customized styles) https://github.com/Textualize/textual/pull/4537 -- Stylistic changes to Markdown (simpler headers, less margin, etc) +- Stylistic changes to Markdown (simpler headers, less margin, etc) https://github.com/Textualize/textual/pull/4541 ## [0.62.0] - 2024-05-20 diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index 621aee2a10..7c98abddb1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -3340,140 +3340,140 @@ font-weight: 700; } - .terminal-3357454167-matrix { + .terminal-4269935520-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3357454167-title { + .terminal-4269935520-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3357454167-r1 { fill: #121212 } - .terminal-3357454167-r2 { fill: #e1e1e1 } - .terminal-3357454167-r3 { fill: #c5c8c6 } - .terminal-3357454167-r4 { fill: #ddedf9 } - .terminal-3357454167-r5 { fill: #e2e2e2 } - .terminal-3357454167-r6 { fill: #0053aa } - .terminal-3357454167-r7 { fill: #dde8f3;font-weight: bold } - .terminal-3357454167-r8 { fill: #fea62b;font-weight: bold } - .terminal-3357454167-r9 { fill: #a7a9ab } - .terminal-3357454167-r10 { fill: #e2e3e3 } + .terminal-4269935520-r1 { fill: #121212 } + .terminal-4269935520-r2 { fill: #e1e1e1 } + .terminal-4269935520-r3 { fill: #c5c8c6 } + .terminal-4269935520-r4 { fill: #ddedf9 } + .terminal-4269935520-r5 { fill: #e2e2e2 } + .terminal-4269935520-r6 { fill: #0178d4;font-weight: bold } + .terminal-4269935520-r7 { fill: #14191f } + .terminal-4269935520-r8 { fill: #fea62b;font-weight: bold } + .terminal-4269935520-r9 { fill: #a7a9ab } + .terminal-4269935520-r10 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎Lady Jessica▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Paul - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - C Collapse All E Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Paul▆▆ + + + + C Collapse All E Expand All @@ -3662,140 +3662,139 @@ font-weight: 700; } - .terminal-3033837914-matrix { + .terminal-1338651976-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3033837914-title { + .terminal-1338651976-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3033837914-r1 { fill: #121212 } - .terminal-3033837914-r2 { fill: #c5c8c6 } - .terminal-3033837914-r3 { fill: #ddedf9 } - .terminal-3033837914-r4 { fill: #e2e2e2 } - .terminal-3033837914-r5 { fill: #0053aa } - .terminal-3033837914-r6 { fill: #dde8f3;font-weight: bold } - .terminal-3033837914-r7 { fill: #e1e1e1 } - .terminal-3033837914-r8 { fill: #fea62b;font-weight: bold } - .terminal-3033837914-r9 { fill: #a7a9ab } - .terminal-3033837914-r10 { fill: #e2e3e3 } + .terminal-1338651976-r1 { fill: #121212 } + .terminal-1338651976-r2 { fill: #c5c8c6 } + .terminal-1338651976-r3 { fill: #ddedf9 } + .terminal-1338651976-r4 { fill: #e2e2e2 } + .terminal-1338651976-r5 { fill: #0178d4;font-weight: bold } + .terminal-1338651976-r6 { fill: #e1e1e1 } + .terminal-1338651976-r7 { fill: #fea62b;font-weight: bold } + .terminal-1338651976-r8 { fill: #a7a9ab } + .terminal-1338651976-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎Lady Jessica▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - -  C Collapse All E Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + +  C Collapse All E Expand All @@ -4468,246 +4467,243 @@ font-weight: 700; } - .terminal-2579705430-matrix { + .terminal-3604257200-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2579705430-title { + .terminal-3604257200-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2579705430-r1 { fill: #c5c8c6 } - .terminal-2579705430-r2 { fill: #e1e1e1 } - .terminal-2579705430-r3 { fill: #454a50 } - .terminal-2579705430-r4 { fill: #e2e3e3;font-weight: bold } - .terminal-2579705430-r5 { fill: #24292f;font-weight: bold } - .terminal-2579705430-r6 { fill: #000000 } - .terminal-2579705430-r7 { fill: #004578 } - .terminal-2579705430-r8 { fill: #e2e3e3 } - .terminal-2579705430-r9 { fill: #121212 } - .terminal-2579705430-r10 { fill: #0053aa } - .terminal-2579705430-r11 { fill: #dde8f3;font-weight: bold } - .terminal-2579705430-r12 { fill: #ffff00;font-weight: bold } - .terminal-2579705430-r13 { fill: #24292f } + .terminal-3604257200-r1 { fill: #c5c8c6 } + .terminal-3604257200-r2 { fill: #e1e1e1 } + .terminal-3604257200-r3 { fill: #454a50 } + .terminal-3604257200-r4 { fill: #e2e3e3;font-weight: bold } + .terminal-3604257200-r5 { fill: #24292f;font-weight: bold } + .terminal-3604257200-r6 { fill: #000000 } + .terminal-3604257200-r7 { fill: #004578 } + .terminal-3604257200-r8 { fill: #e2e3e3 } + .terminal-3604257200-r9 { fill: #0178d4;font-weight: bold } + .terminal-3604257200-r10 { fill: #ffff00;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ContentSwitcherApp - - - - - - - - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 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 ▊│ - ╰─────────────────────────────────────────╯ + ContentSwitcherApp + + + + + + + + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 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   │ + │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ + │Strawberry2004-04-09  Edgar      │ + │Wright     │ + ││ + ││ + ││ + │Hot Fuzz│ + ││ + ││ + │UK Release   │ + │Flavour Date         Director    │ + │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ + │Classico2007-02-17   Edgar Wright│ + ││ + ││ + ││ + │The World's End│ + ││ + ││ + │UK Release    │ + │FlavourDate          Director    │ + │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ + │Mint   2013-07-19    Edgar Wright│ + ││ + ││ + ││ + ││ + ││ + ╰─────────────────────────────────────────╯ @@ -19886,148 +19882,144 @@ font-weight: 700; } - .terminal-3922654110-matrix { + .terminal-959182868-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3922654110-title { + .terminal-959182868-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3922654110-r1 { fill: #c5c8c6 } - .terminal-3922654110-r2 { fill: #24292f } - .terminal-3922654110-r3 { fill: #e1e1e1 } - .terminal-3922654110-r4 { fill: #121212 } - .terminal-3922654110-r5 { fill: #1e1e1e } - .terminal-3922654110-r6 { fill: #e2e3e3 } - .terminal-3922654110-r7 { fill: #96989b } - .terminal-3922654110-r8 { fill: #0053aa } - .terminal-3922654110-r9 { fill: #008139 } - .terminal-3922654110-r10 { fill: #dde8f3;font-weight: bold } - .terminal-3922654110-r11 { fill: #939393;font-weight: bold } - .terminal-3922654110-r12 { fill: #e2e3e3;font-weight: bold } - .terminal-3922654110-r13 { fill: #e1e1e1;text-decoration: underline; } - .terminal-3922654110-r14 { fill: #14191f } - .terminal-3922654110-r15 { fill: #fea62b;font-weight: bold } - .terminal-3922654110-r16 { fill: #a7a9ab } - .terminal-3922654110-r17 { fill: #a6742c;font-weight: bold } - .terminal-3922654110-r18 { fill: #727579 } + .terminal-959182868-r1 { fill: #c5c8c6 } + .terminal-959182868-r2 { fill: #24292f } + .terminal-959182868-r3 { fill: #e1e1e1 } + .terminal-959182868-r4 { fill: #e2e3e3 } + .terminal-959182868-r5 { fill: #96989b } + .terminal-959182868-r6 { fill: #008139 } + .terminal-959182868-r7 { fill: #0178d4;font-weight: bold } + .terminal-959182868-r8 { fill: #939393;font-weight: bold } + .terminal-959182868-r9 { fill: #0178d4;text-decoration: underline; } + .terminal-959182868-r10 { fill: #e1e1e1;text-decoration: underline; } + .terminal-959182868-r11 { fill: #fea62b;font-weight: bold } + .terminal-959182868-r12 { fill: #a7a9ab } + .terminal-959182868-r13 { fill: #a6742c;font-weight: bold } + .terminal-959182868-r14 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownApp + MarkdownApp - - - - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▼ Ⅰ Textual Markdown Browser▊▎▊ - └── Ⅱ Do You Want to Know More?▊▎Textual Markdown Browser▊ - ▊▎▊ - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▊Welcome fellow adventurer! If you  - ▊ran markdown.py from the terminal  - ▊you are viewing demo.md with  - ▊Textual's built in Markdown  - ▊widget. - ▊ - ▊The widget supports much of the  - ▊Markdown spec. There is also an  - ▊optional Table of Contents sidebar - ▊which you will see to your left. - ▊ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▊▎▊ - ▊▎  Do You Want to Know More?   ▊ - ▊▎▊ - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▊See example.md for more examples ▆▆ - ▊of what this can do. -  T TOC B Back F Forward + + + + ▊ + ▼ Ⅰ Textual Markdown Browser▊ + └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser + ▊ + ▊Welcome fellow adventurer! If you ran  + ▊markdown.py from the terminal you are  + ▊viewing demo.md with Textual's built  + ▊in Markdown widget. + ▊ + ▊The widget supports much of the  + ▊Markdown spec. There is also an  + ▊optional Table of Contents sidebar  + ▊which you will see to your left. + ▊ + ▊ + ▊Do You Want to Know More? + ▊ + ▊See example.md for more examples of  + ▊what this can do. + ▊ + ▊ + ▊ + ▊ +  T TOC B Back F Forward @@ -25134,145 +25126,142 @@ font-weight: 700; } - .terminal-762794446-matrix { + .terminal-2406150924-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-762794446-title { + .terminal-2406150924-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-762794446-r1 { fill: #e1e1e1 } - .terminal-762794446-r2 { fill: #121212 } - .terminal-762794446-r3 { fill: #c5c8c6 } - .terminal-762794446-r4 { fill: #0053aa } - .terminal-762794446-r5 { fill: #dde8f3;font-weight: bold } - .terminal-762794446-r6 { fill: #e2e3e3 } - .terminal-762794446-r7 { fill: #24292f } - .terminal-762794446-r8 { fill: #e2e3e3;font-weight: bold } - .terminal-762794446-r9 { fill: #939393;font-weight: bold } - .terminal-762794446-r10 { fill: #e1e1e1;font-weight: bold } - .terminal-762794446-r11 { fill: #e1e1e1;font-style: italic; } - .terminal-762794446-r12 { fill: #e1e1e1;text-decoration: line-through; } - .terminal-762794446-r13 { fill: #d2d2d2 } - .terminal-762794446-r14 { fill: #82aaff } - .terminal-762794446-r15 { fill: #89ddff } - .terminal-762794446-r16 { fill: #c3e88d } + .terminal-2406150924-r1 { fill: #e1e1e1 } + .terminal-2406150924-r2 { fill: #c5c8c6 } + .terminal-2406150924-r3 { fill: #0178d4;font-weight: bold } + .terminal-2406150924-r4 { fill: #e2e3e3 } + .terminal-2406150924-r5 { fill: #e2e3e3;font-weight: bold } + .terminal-2406150924-r6 { fill: #939393;font-weight: bold } + .terminal-2406150924-r7 { fill: #e1e1e1;font-weight: bold } + .terminal-2406150924-r8 { fill: #e1e1e1;font-style: italic; } + .terminal-2406150924-r9 { fill: #e1e1e1;text-decoration: line-through; } + .terminal-2406150924-r10 { fill: #d2d2d2 } + .terminal-2406150924-r11 { fill: #82aaff } + .terminal-2406150924-r12 { fill: #89ddff } + .terminal-2406150924-r13 { fill: #c3e88d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎This is a header▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎col1                              col2                             ▊ - ▎ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▊ - ▎value 1                           value 2                          ▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - Here's some code: from itertools import product. Bold textEmphasized  - textstrikethrough - - - print("Hello, world!") - - - That was some code. - + + + + + + This is a header + + + col1                                 col2                                 +  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  + value 1                              value 2                              + + Here's some code: from itertools import product. Bold textEmphasized text + strikethrough + + + print("Hello, world!") + + + That was some code. + + + + + + @@ -25303,140 +25292,138 @@ font-weight: 700; } - .terminal-2700004228-matrix { + .terminal-1966604520-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2700004228-title { + .terminal-1966604520-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2700004228-r1 { fill: #e1e1e1 } - .terminal-2700004228-r2 { fill: #121212 } - .terminal-2700004228-r3 { fill: #c5c8c6 } - .terminal-2700004228-r4 { fill: #0053aa } - .terminal-2700004228-r5 { fill: #dde8f3;font-weight: bold } - .terminal-2700004228-r6 { fill: #d2d2d2 } - .terminal-2700004228-r7 { fill: #859900 } - .terminal-2700004228-r8 { fill: #839496 } - .terminal-2700004228-r9 { fill: #268bd2 } - .terminal-2700004228-r10 { fill: #34535b;font-style: italic; } - .terminal-2700004228-r11 { fill: #2aa198 } + .terminal-1966604520-r1 { fill: #e1e1e1 } + .terminal-1966604520-r2 { fill: #c5c8c6 } + .terminal-1966604520-r3 { fill: #0178d4;font-weight: bold } + .terminal-1966604520-r4 { fill: #d2d2d2 } + .terminal-1966604520-r5 { fill: #859900 } + .terminal-1966604520-r6 { fill: #839496 } + .terminal-1966604520-r7 { fill: #268bd2 } + .terminal-1966604520-r8 { fill: #34535b;font-style: italic; } + .terminal-1966604520-r9 { fill: #2aa198 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitchertApp - - - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎This is a H1▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - defmain(): - │   print("Hello world!") - - - - - - - - - - - - - - + + + + + + This is a H1 + + + defmain(): + │   print("Hello world!") + + + + + + + + + + + + + + + + @@ -25467,140 +25454,137 @@ font-weight: 700; } - .terminal-454878977-matrix { + .terminal-3233874172-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-454878977-title { + .terminal-3233874172-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-454878977-r1 { fill: #e1e1e1 } - .terminal-454878977-r2 { fill: #121212 } - .terminal-454878977-r3 { fill: #c5c8c6 } - .terminal-454878977-r4 { fill: #0053aa } - .terminal-454878977-r5 { fill: #dde8f3;font-weight: bold } - .terminal-454878977-r6 { fill: #939393;font-weight: bold } - .terminal-454878977-r7 { fill: #24292f } - .terminal-454878977-r8 { fill: #e2e3e3;font-weight: bold } - .terminal-454878977-r9 { fill: #4ebf71;font-weight: bold } - .terminal-454878977-r10 { fill: #e1e1e1;font-style: italic; } - .terminal-454878977-r11 { fill: #e1e1e1;font-weight: bold } + .terminal-3233874172-r1 { fill: #e1e1e1 } + .terminal-3233874172-r2 { fill: #c5c8c6 } + .terminal-3233874172-r3 { fill: #0178d4;font-weight: bold } + .terminal-3233874172-r4 { fill: #939393;font-weight: bold } + .terminal-3233874172-r5 { fill: #0178d4;text-decoration: underline; } + .terminal-3233874172-r6 { fill: #4ebf71;font-weight: bold } + .terminal-3233874172-r7 { fill: #e1e1e1;font-style: italic; } + .terminal-3233874172-r8 { fill: #e1e1e1;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownExampleApp + MarkdownExampleApp - - - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎Markdown Document▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - This is an example of Textual's Markdown widget. - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎                              Features                              ▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Markdown syntax and extensions are supported. - - ● Typography emphasis, strong, inline code etc. - ● Headers - ● Lists (bullet and ordered) - ● Syntax highlighted code blocks - ● Tables! - - - - + + + + + + Markdown Document + + This is an example of Textual's Markdown widget. + + + Features + + Markdown syntax and extensions are supported. + + ● Typography emphasis, strong, inline code etc. + ● Headers + ● Lists (bullet and ordered) + ● Syntax highlighted code blocks + ● Tables! + + + + + + + @@ -25631,140 +25615,138 @@ font-weight: 700; } - .terminal-3405842733-matrix { + .terminal-2804360777-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3405842733-title { + .terminal-2804360777-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3405842733-r1 { fill: #1f1f1f } - .terminal-3405842733-r2 { fill: #efefef } - .terminal-3405842733-r3 { fill: #c5c8c6 } - .terminal-3405842733-r4 { fill: #0053aa } - .terminal-3405842733-r5 { fill: #dde8f3;font-weight: bold } - .terminal-3405842733-r6 { fill: #d2d2d2 } - .terminal-3405842733-r7 { fill: #859900 } - .terminal-3405842733-r8 { fill: #657b83 } - .terminal-3405842733-r9 { fill: #268bd2 } - .terminal-3405842733-r10 { fill: #bdc3bb;font-style: italic; } - .terminal-3405842733-r11 { fill: #2aa198 } + .terminal-2804360777-r1 { fill: #1f1f1f } + .terminal-2804360777-r2 { fill: #c5c8c6 } + .terminal-2804360777-r3 { fill: #0178d4;font-weight: bold } + .terminal-2804360777-r4 { fill: #d2d2d2 } + .terminal-2804360777-r5 { fill: #859900 } + .terminal-2804360777-r6 { fill: #657b83 } + .terminal-2804360777-r7 { fill: #268bd2 } + .terminal-2804360777-r8 { fill: #bdc3bb;font-style: italic; } + .terminal-2804360777-r9 { fill: #2aa198 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitchertApp - - - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎This is a H1▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - defmain(): - │   print("Hello world!") - - - - - - - - - - - - - - + + + + + + This is a H1 + + + defmain(): + │   print("Hello world!") + + + + + + + + + + + + + + + + @@ -25963,141 +25945,139 @@ font-weight: 700; } - .terminal-2184772309-matrix { + .terminal-840177664-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2184772309-title { + .terminal-840177664-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2184772309-r1 { fill: #1f1f1f } - .terminal-2184772309-r2 { fill: #efefef } - .terminal-2184772309-r3 { fill: #c5c8c6 } - .terminal-2184772309-r4 { fill: #0053aa } - .terminal-2184772309-r5 { fill: #dde8f3;font-weight: bold } - .terminal-2184772309-r6 { fill: #d2d2d2 } - .terminal-2184772309-r7 { fill: #008000;font-weight: bold } - .terminal-2184772309-r8 { fill: #000000 } - .terminal-2184772309-r9 { fill: #0000ff } - .terminal-2184772309-r10 { fill: #87adad;font-style: italic; } - .terminal-2184772309-r11 { fill: #008000 } - .terminal-2184772309-r12 { fill: #ba2121 } + .terminal-840177664-r1 { fill: #1f1f1f } + .terminal-840177664-r2 { fill: #c5c8c6 } + .terminal-840177664-r3 { fill: #0178d4;font-weight: bold } + .terminal-840177664-r4 { fill: #d2d2d2 } + .terminal-840177664-r5 { fill: #008000;font-weight: bold } + .terminal-840177664-r6 { fill: #000000 } + .terminal-840177664-r7 { fill: #0000ff } + .terminal-840177664-r8 { fill: #87adad;font-style: italic; } + .terminal-840177664-r9 { fill: #008000 } + .terminal-840177664-r10 { fill: #ba2121 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitchertApp - - - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎This is a H1▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - defmain(): - │   print("Hello world!") - - - - - - - - - - - - - - + + + + + + This is a H1 + + + defmain(): + │   print("Hello world!") + + + + + + + + + + + + + + + + @@ -26128,145 +26108,143 @@ font-weight: 700; } - .terminal-1185109701-matrix { + .terminal-1666710991-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1185109701-title { + .terminal-1666710991-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1185109701-r1 { fill: #c5c8c6 } - .terminal-1185109701-r2 { fill: #24292f } - .terminal-1185109701-r3 { fill: #e1e1e1 } - .terminal-1185109701-r4 { fill: #121212 } - .terminal-1185109701-r5 { fill: #e2e3e3 } - .terminal-1185109701-r6 { fill: #96989b } - .terminal-1185109701-r7 { fill: #0053aa } - .terminal-1185109701-r8 { fill: #008139 } - .terminal-1185109701-r9 { fill: #dde8f3;font-weight: bold } - .terminal-1185109701-r10 { fill: #939393;font-weight: bold } - .terminal-1185109701-r11 { fill: #14191f } - .terminal-1185109701-r12 { fill: #e2e3e3;font-weight: bold } - .terminal-1185109701-r13 { fill: #4ebf71;font-weight: bold } - .terminal-1185109701-r14 { fill: #e1e1e1;font-style: italic; } - .terminal-1185109701-r15 { fill: #e1e1e1;font-weight: bold } + .terminal-1666710991-r1 { fill: #c5c8c6 } + .terminal-1666710991-r2 { fill: #24292f } + .terminal-1666710991-r3 { fill: #e1e1e1 } + .terminal-1666710991-r4 { fill: #e2e3e3 } + .terminal-1666710991-r5 { fill: #96989b } + .terminal-1666710991-r6 { fill: #008139 } + .terminal-1666710991-r7 { fill: #0178d4;font-weight: bold } + .terminal-1666710991-r8 { fill: #939393;font-weight: bold } + .terminal-1666710991-r9 { fill: #0178d4;text-decoration: underline; } + .terminal-1666710991-r10 { fill: #14191f } + .terminal-1666710991-r11 { fill: #4ebf71;font-weight: bold } + .terminal-1666710991-r12 { fill: #e1e1e1;font-style: italic; } + .terminal-1666710991-r13 { fill: #e1e1e1;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownExampleApp + MarkdownExampleApp - - - - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▼ Ⅰ Markdown Viewer▊▎▊ - ├── Ⅱ Features▊▎Markdown Viewer▊ - ├── Ⅱ Tables▊▎▊ - └── Ⅱ Code Blocks▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▊This is an example of Textual's MarkdownViewer - ▊widget. - ▊ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▅▅ - ▊▎▊ - ▊▎                 Features                 ▊ - ▊▎▊ - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▊Markdown syntax and extensions are supported. - ▊ - ▊● Typography emphasis, strong, inline code - ▊etc. - ▊● Headers - ▊● Lists (bullet and ordered) - ▊● Syntax highlighted code blocks - ▊● Tables! - ▊ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▊▎▊ + + + + ▊ + ▼ Ⅰ Markdown Viewer▊ + ├── Ⅱ Features▊Markdown Viewer + ├── Ⅱ Tables▊ + └── Ⅱ Code Blocks▊This is an example of Textual's MarkdownViewer + ▊widget. + ▊ + ▊ + ▊Features + ▊ + ▊Markdown syntax and extensions are supported.▂▂ + ▊ + ▊● Typography emphasis, strong, inline code etc. + ▊● Headers + ▊● Lists (bullet and ordered) + ▊● Syntax highlighted code blocks + ▊● Tables! + ▊ + ▊ + ▊Tables + ▊ + ▊Tables are displayed in a DataTable widget. + ▊ + ▊ @@ -37809,143 +37787,141 @@ font-weight: 700; } - .terminal-2892944305-matrix { + .terminal-1672500689-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2892944305-title { + .terminal-1672500689-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2892944305-r1 { fill: #c5c8c6 } - .terminal-2892944305-r2 { fill: #e1e1e1 } - .terminal-2892944305-r3 { fill: #737373 } - .terminal-2892944305-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-2892944305-r5 { fill: #474747 } - .terminal-2892944305-r6 { fill: #0178d4 } - .terminal-2892944305-r7 { fill: #121212 } - .terminal-2892944305-r8 { fill: #0053aa } - .terminal-2892944305-r9 { fill: #dde8f3;font-weight: bold } - .terminal-2892944305-r10 { fill: #323232 } - .terminal-2892944305-r11 { fill: #fea62b;font-weight: bold } - .terminal-2892944305-r12 { fill: #a7a9ab } - .terminal-2892944305-r13 { fill: #e2e3e3 } + .terminal-1672500689-r1 { fill: #c5c8c6 } + .terminal-1672500689-r2 { fill: #e1e1e1 } + .terminal-1672500689-r3 { fill: #737373 } + .terminal-1672500689-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-1672500689-r5 { fill: #474747 } + .terminal-1672500689-r6 { fill: #0178d4 } + .terminal-1672500689-r7 { fill: #0178d4;font-weight: bold } + .terminal-1672500689-r8 { fill: #323232 } + .terminal-1672500689-r9 { fill: #fea62b;font-weight: bold } + .terminal-1672500689-r10 { fill: #a7a9ab } + .terminal-1672500689-r11 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - - - - - LetoJessicaPaul - ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎Lady Jessica▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - PaulAlia - ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - First child - - - - - - -  L Leto J Jessica P Paul + + + + + LetoJessicaPaul + ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + PaulAlia + ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + First child + + + + + + + +  L Leto J Jessica P Paul From 70549c8a55f2b612cf8e259e5110a27459d906c8 Mon Sep 17 00:00:00 2001 From: Will McGugan Date: Wed, 22 May 2024 17:24:06 +0100 Subject: [PATCH 4/4] fix snapshots --- src/textual/keys.py | 2 +- src/textual/widgets/_markdown.py | 17 +- .../__snapshots__/test_snapshots.ambr | 4372 ++++++++--------- tests/test_keys.py | 4 +- 4 files changed, 2201 insertions(+), 2194 deletions(-) diff --git a/src/textual/keys.py b/src/textual/keys.py index 36da438d24..0006b9a645 100644 --- a/src/textual/keys.py +++ b/src/textual/keys.py @@ -271,7 +271,7 @@ def _get_unicode_name_from_key(key: str) -> str: This function can be seen as a pseudo-inverse of the function `_character_to_key`. """ - return KEY_TO_UNICODE_NAME.get(key, key.upper()) + return KEY_TO_UNICODE_NAME.get(key, key) def _get_key_aliases(key: str) -> list[str]: diff --git a/src/textual/widgets/_markdown.py b/src/textual/widgets/_markdown.py index 448fbb7a36..26fda6e929 100644 --- a/src/textual/widgets/_markdown.py +++ b/src/textual/widgets/_markdown.py @@ -245,7 +245,8 @@ class MarkdownH1(MarkdownHeader): MarkdownH1 { content-align: center middle; text-style: bold; - color: $accent; + color: $success; + &:light {color: $primary;} } """ @@ -257,7 +258,8 @@ class MarkdownH2(MarkdownHeader): MarkdownH2 { text-style: underline; - color: $accent; + color: $success; + &:light {color: $primary;} } """ @@ -270,7 +272,8 @@ class MarkdownH3(MarkdownHeader): MarkdownH3 { text-style: bold; - color: $accent; + color: $success; + &:light {color: $primary;} margin: 1 0; width: auto; } @@ -344,10 +347,13 @@ class MarkdownBlockQuote(MarkdownBlock): DEFAULT_CSS = """ MarkdownBlockQuote { background: $boost; - border-left: outer $primary; + border-left: outer $success-darken-2; margin: 1 0; padding: 0 1; } + MarkdownBlockQuote:light { + border-left: outer $primary; + } MarkdownBlockQuote > BlockQuote { margin-left: 2; margin-top: 1; @@ -541,6 +547,9 @@ class MarkdownBullet(Widget): width: auto; color: $success; text-style: bold; + &:light { + color: $primary; + } } """ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index 7c98abddb1..6f12d64c50 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -1005,137 +1005,137 @@ font-weight: 700; } - .terminal-1301676101-matrix { + .terminal-4249026757-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1301676101-title { + .terminal-4249026757-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1301676101-r1 { fill: #c5c8c6 } - .terminal-1301676101-r2 { fill: #e3e3e3 } - .terminal-1301676101-r3 { fill: #e1e1e1 } - .terminal-1301676101-r4 { fill: #ff0000 } - .terminal-1301676101-r5 { fill: #fea62b;font-weight: bold } - .terminal-1301676101-r6 { fill: #a7a9ab } - .terminal-1301676101-r7 { fill: #e2e3e3 } + .terminal-4249026757-r1 { fill: #c5c8c6 } + .terminal-4249026757-r2 { fill: #e3e3e3 } + .terminal-4249026757-r3 { fill: #e1e1e1 } + .terminal-4249026757-r4 { fill: #ff0000 } + .terminal-4249026757-r5 { fill: #fea62b;font-weight: bold } + .terminal-4249026757-r6 { fill: #a7a9ab } + .terminal-4249026757-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridHeightAuto + GridHeightAuto - + - - ⭘GridHeightAuto - Here is some text before the grid - ┌──────────────────────────────────────────────────────────────────────────────┐ - │Cell #0Cell #1Cell #2│ - │Cell #3Cell #4Cell #5│ - │Cell #6Cell #7Cell #8│ - └──────────────────────────────────────────────────────────────────────────────┘ - Here is some text after the grid - - - - - - - - - - - - - - - -  G Grid V Vertical H Horizontal C Container + + ⭘GridHeightAuto + Here is some text before the grid + ┌──────────────────────────────────────────────────────────────────────────────┐ + │Cell #0Cell #1Cell #2│ + │Cell #3Cell #4Cell #5│ + │Cell #6Cell #7Cell #8│ + └──────────────────────────────────────────────────────────────────────────────┘ + Here is some text after the grid + + + + + + + + + + + + + + + +  g Grid v Vertical h Horizontal c Container @@ -3021,138 +3021,138 @@ font-weight: 700; } - .terminal-3745961648-matrix { + .terminal-407164656-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3745961648-title { + .terminal-407164656-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3745961648-r1 { fill: #121212 } - .terminal-3745961648-r2 { fill: #c5c8c6 } - .terminal-3745961648-r3 { fill: #ddedf9 } - .terminal-3745961648-r4 { fill: #e2e2e2 } - .terminal-3745961648-r5 { fill: #e1e1e1 } - .terminal-3745961648-r6 { fill: #fea62b;font-weight: bold } - .terminal-3745961648-r7 { fill: #a7a9ab } - .terminal-3745961648-r8 { fill: #e2e3e3 } + .terminal-407164656-r1 { fill: #121212 } + .terminal-407164656-r2 { fill: #c5c8c6 } + .terminal-407164656-r3 { fill: #ddedf9 } + .terminal-407164656-r4 { fill: #e2e2e2 } + .terminal-407164656-r5 { fill: #e1e1e1 } + .terminal-407164656-r6 { fill: #fea62b;font-weight: bold } + .terminal-407164656-r7 { fill: #a7a9ab } + .terminal-407164656-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - + - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Leto - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Jessica - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - - - - - - - - - - - - - -  C Collapse All E Expand All + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Leto + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Jessica + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + + + + + + + + + + + + + +  c Collapse All e Expand All @@ -3340,140 +3340,140 @@ font-weight: 700; } - .terminal-4269935520-matrix { + .terminal-3794734215-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4269935520-title { + .terminal-3794734215-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4269935520-r1 { fill: #121212 } - .terminal-4269935520-r2 { fill: #e1e1e1 } - .terminal-4269935520-r3 { fill: #c5c8c6 } - .terminal-4269935520-r4 { fill: #ddedf9 } - .terminal-4269935520-r5 { fill: #e2e2e2 } - .terminal-4269935520-r6 { fill: #0178d4;font-weight: bold } - .terminal-4269935520-r7 { fill: #14191f } - .terminal-4269935520-r8 { fill: #fea62b;font-weight: bold } - .terminal-4269935520-r9 { fill: #a7a9ab } - .terminal-4269935520-r10 { fill: #e2e3e3 } + .terminal-3794734215-r1 { fill: #121212 } + .terminal-3794734215-r2 { fill: #e1e1e1 } + .terminal-3794734215-r3 { fill: #c5c8c6 } + .terminal-3794734215-r4 { fill: #ddedf9 } + .terminal-3794734215-r5 { fill: #e2e2e2 } + .terminal-3794734215-r6 { fill: #4ebf71;font-weight: bold } + .terminal-3794734215-r7 { fill: #14191f } + .terminal-3794734215-r8 { fill: #fea62b;font-weight: bold } + .terminal-3794734215-r9 { fill: #a7a9ab } + .terminal-3794734215-r10 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - + - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Paul▆▆ - - - - C Collapse All E Expand All + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Paul▆▆ + + + + c Collapse All e Expand All @@ -3662,139 +3662,139 @@ font-weight: 700; } - .terminal-1338651976-matrix { + .terminal-1557607983-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1338651976-title { + .terminal-1557607983-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1338651976-r1 { fill: #121212 } - .terminal-1338651976-r2 { fill: #c5c8c6 } - .terminal-1338651976-r3 { fill: #ddedf9 } - .terminal-1338651976-r4 { fill: #e2e2e2 } - .terminal-1338651976-r5 { fill: #0178d4;font-weight: bold } - .terminal-1338651976-r6 { fill: #e1e1e1 } - .terminal-1338651976-r7 { fill: #fea62b;font-weight: bold } - .terminal-1338651976-r8 { fill: #a7a9ab } - .terminal-1338651976-r9 { fill: #e2e3e3 } + .terminal-1557607983-r1 { fill: #121212 } + .terminal-1557607983-r2 { fill: #c5c8c6 } + .terminal-1557607983-r3 { fill: #ddedf9 } + .terminal-1557607983-r4 { fill: #e2e2e2 } + .terminal-1557607983-r5 { fill: #4ebf71;font-weight: bold } + .terminal-1557607983-r6 { fill: #e1e1e1 } + .terminal-1557607983-r7 { fill: #fea62b;font-weight: bold } + .terminal-1557607983-r8 { fill: #a7a9ab } + .terminal-1557607983-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - + - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - -  C Collapse All E Expand All + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + +  c Collapse All e Expand All @@ -4467,243 +4467,243 @@ font-weight: 700; } - .terminal-3604257200-matrix { + .terminal-2686294615-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3604257200-title { + .terminal-2686294615-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3604257200-r1 { fill: #c5c8c6 } - .terminal-3604257200-r2 { fill: #e1e1e1 } - .terminal-3604257200-r3 { fill: #454a50 } - .terminal-3604257200-r4 { fill: #e2e3e3;font-weight: bold } - .terminal-3604257200-r5 { fill: #24292f;font-weight: bold } - .terminal-3604257200-r6 { fill: #000000 } - .terminal-3604257200-r7 { fill: #004578 } - .terminal-3604257200-r8 { fill: #e2e3e3 } - .terminal-3604257200-r9 { fill: #0178d4;font-weight: bold } - .terminal-3604257200-r10 { fill: #ffff00;text-decoration: underline; } + .terminal-2686294615-r1 { fill: #c5c8c6 } + .terminal-2686294615-r2 { fill: #e1e1e1 } + .terminal-2686294615-r3 { fill: #454a50 } + .terminal-2686294615-r4 { fill: #e2e3e3;font-weight: bold } + .terminal-2686294615-r5 { fill: #24292f;font-weight: bold } + .terminal-2686294615-r6 { fill: #000000 } + .terminal-2686294615-r7 { fill: #004578 } + .terminal-2686294615-r8 { fill: #e2e3e3 } + .terminal-2686294615-r9 { fill: #4ebf71;font-weight: bold } + .terminal-2686294615-r10 { fill: #ffff00;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ContentSwitcherApp + ContentSwitcherApp - + - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - 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   │ - │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ - │Strawberry2004-04-09  Edgar      │ - │Wright     │ - ││ - ││ - ││ - │Hot Fuzz│ - ││ - ││ - │UK Release   │ - │Flavour Date         Director    │ - │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ - │Classico2007-02-17   Edgar Wright│ - ││ - ││ - ││ - │The World's End│ - ││ - ││ - │UK Release    │ - │FlavourDate          Director    │ - │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ - │Mint   2013-07-19    Edgar Wright│ - ││ - ││ - ││ - ││ - ││ - ╰─────────────────────────────────────────╯ + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + 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   │ + │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ + │Strawberry2004-04-09  Edgar      │ + │Wright     │ + ││ + ││ + ││ + │Hot Fuzz│ + ││ + ││ + │UK Release   │ + │Flavour Date         Director    │ + │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ + │Classico2007-02-17   Edgar Wright│ + ││ + ││ + ││ + │The World's End│ + ││ + ││ + │UK Release    │ + │FlavourDate          Director    │ + │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │ + │Mint   2013-07-19    Edgar Wright│ + ││ + ││ + ││ + ││ + ││ + ╰─────────────────────────────────────────╯ @@ -17563,169 +17563,169 @@ font-weight: 700; } - .terminal-701165599-matrix { + .terminal-2415259839-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-701165599-title { + .terminal-2415259839-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-701165599-r1 { fill: #c5c8c6 } - .terminal-701165599-r2 { fill: #e3e3e3 } - .terminal-701165599-r3 { fill: #e1e1e1 } - .terminal-701165599-r4 { fill: #e2e2e2 } - .terminal-701165599-r5 { fill: #14191f } - .terminal-701165599-r6 { fill: #004578 } - .terminal-701165599-r7 { fill: #262626 } - .terminal-701165599-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } - .terminal-701165599-r9 { fill: #e2e2e2;font-weight: bold } - .terminal-701165599-r10 { fill: #7ae998 } - .terminal-701165599-r11 { fill: #4ebf71;font-weight: bold } - .terminal-701165599-r12 { fill: #008139 } - .terminal-701165599-r13 { fill: #fea62b;font-weight: bold } - .terminal-701165599-r14 { fill: #a7a9ab } - .terminal-701165599-r15 { fill: #e2e3e3 } + .terminal-2415259839-r1 { fill: #c5c8c6 } + .terminal-2415259839-r2 { fill: #e3e3e3 } + .terminal-2415259839-r3 { fill: #e1e1e1 } + .terminal-2415259839-r4 { fill: #e2e2e2 } + .terminal-2415259839-r5 { fill: #14191f } + .terminal-2415259839-r6 { fill: #004578 } + .terminal-2415259839-r7 { fill: #262626 } + .terminal-2415259839-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } + .terminal-2415259839-r9 { fill: #e2e2e2;font-weight: bold } + .terminal-2415259839-r10 { fill: #7ae998 } + .terminal-2415259839-r11 { fill: #4ebf71;font-weight: bold } + .terminal-2415259839-r12 { fill: #008139 } + .terminal-2415259839-r13 { fill: #fea62b;font-weight: bold } + .terminal-2415259839-r14 { fill: #a7a9ab } + .terminal-2415259839-r15 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 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▊ - ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - - - - - -  ^B Sidebar ^T Toggle Dark mode ^S Screenshot F1 Notes ^Q Quit + + ⭘Textual Demo + + + TOP + + ▆▆ + + Widgets + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▎▊ + ▎▊ + Rich content▎Textual Demo▊ + ▎▊ + ▎Welcome! Textual is a framework for creating sophisticated▊ + ▎applications with the terminal.                           ▊ + CSS▎▊ + ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ + ▎Start▊ + ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ + ▎▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + +  ^b Sidebar ^t Toggle Dark mode ^s Screenshot f1 Notes ^q Quit @@ -18413,142 +18413,142 @@ font-weight: 700; } - .terminal-391331108-matrix { + .terminal-2424454468-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-391331108-title { + .terminal-2424454468-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-391331108-r1 { fill: #c5c8c6 } - .terminal-391331108-r2 { fill: #1e1e1e } - .terminal-391331108-r3 { fill: #1f1f1f } - .terminal-391331108-r4 { fill: #ff0000 } - .terminal-391331108-r5 { fill: #004578;font-weight: bold } - .terminal-391331108-r6 { fill: #585a5c } - .terminal-391331108-r7 { fill: #1c1d1e } - .terminal-391331108-r8 { fill: #c7cdd2 } + .terminal-2424454468-r1 { fill: #c5c8c6 } + .terminal-2424454468-r2 { fill: #1e1e1e } + .terminal-2424454468-r3 { fill: #1f1f1f } + .terminal-2424454468-r4 { fill: #ff0000 } + .terminal-2424454468-r5 { fill: #004578;font-weight: bold } + .terminal-2424454468-r6 { fill: #585a5c } + .terminal-2424454468-r7 { fill: #1c1d1e } + .terminal-2424454468-r8 { fill: #c7cdd2 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - + - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^Q Quit - - - ▇▇ + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + + ▇▇ @@ -18578,141 +18578,141 @@ font-weight: 700; } - .terminal-4031327013-matrix { + .terminal-3142003525-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4031327013-title { + .terminal-3142003525-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4031327013-r1 { fill: #c5c8c6 } - .terminal-4031327013-r2 { fill: #1e1e1e } - .terminal-4031327013-r3 { fill: #1f1f1f } - .terminal-4031327013-r4 { fill: #ff0000 } - .terminal-4031327013-r5 { fill: #c7cdd2 } - .terminal-4031327013-r6 { fill: #004578;font-weight: bold } - .terminal-4031327013-r7 { fill: #585a5c } - .terminal-4031327013-r8 { fill: #1c1d1e } + .terminal-3142003525-r1 { fill: #c5c8c6 } + .terminal-3142003525-r2 { fill: #1e1e1e } + .terminal-3142003525-r3 { fill: #1f1f1f } + .terminal-3142003525-r4 { fill: #ff0000 } + .terminal-3142003525-r5 { fill: #c7cdd2 } + .terminal-3142003525-r6 { fill: #004578;font-weight: bold } + .terminal-3142003525-r7 { fill: #585a5c } + .terminal-3142003525-r8 { fill: #1c1d1e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - + - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│▅▅ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^Q Quit - - + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│▅▅ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + @@ -18908,137 +18908,137 @@ font-weight: 700; } - .terminal-2770162865-matrix { + .terminal-3861665009-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2770162865-title { + .terminal-3861665009-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2770162865-r1 { fill: #e1e1e1 } - .terminal-2770162865-r2 { fill: #c5c8c6 } - .terminal-2770162865-r3 { fill: #fea62b;font-weight: bold } - .terminal-2770162865-r4 { fill: #a7a9ab } - .terminal-2770162865-r5 { fill: #a6742c;font-weight: bold } - .terminal-2770162865-r6 { fill: #727579 } - .terminal-2770162865-r7 { fill: #e2e3e3 } + .terminal-3861665009-r1 { fill: #e1e1e1 } + .terminal-3861665009-r2 { fill: #c5c8c6 } + .terminal-3861665009-r3 { fill: #fea62b;font-weight: bold } + .terminal-3861665009-r4 { fill: #a7a9ab } + .terminal-3861665009-r5 { fill: #a6742c;font-weight: bold } + .terminal-3861665009-r6 { fill: #727579 } + .terminal-3861665009-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindingsApp + BindingsApp - + - - - - - - - - - - - - - - - - - - - - - - - - -  A A C C + + + + + + + + + + + + + + + + + + + + + + + + +  a A c C @@ -19554,139 +19554,139 @@ font-weight: 700; } - .terminal-105155083-matrix { + .terminal-2816641643-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-105155083-title { + .terminal-2816641643-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-105155083-r1 { fill: #e4e5e6 } - .terminal-105155083-r2 { fill: #c5c8c6 } - .terminal-105155083-r3 { fill: #0d0d0d } - .terminal-105155083-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-105155083-r5 { fill: #e7920d } - .terminal-105155083-r6 { fill: #211505;font-weight: bold } - .terminal-105155083-r7 { fill: #fea62b;font-weight: bold } - .terminal-105155083-r8 { fill: #a7a9ab } - .terminal-105155083-r9 { fill: #e2e3e3 } + .terminal-2816641643-r1 { fill: #e4e5e6 } + .terminal-2816641643-r2 { fill: #c5c8c6 } + .terminal-2816641643-r3 { fill: #0d0d0d } + .terminal-2816641643-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-2816641643-r5 { fill: #e7920d } + .terminal-2816641643-r6 { fill: #211505;font-weight: bold } + .terminal-2816641643-r7 { fill: #fea62b;font-weight: bold } + .terminal-2816641643-r8 { fill: #a7a9ab } + .terminal-2816641643-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 5x5 -- A little annoying puzzle + 5x5 -- A little annoying puzzle - + - - 5x5 -- A little annoying puzzleMoves: 0Filled: 5 - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -  N New Game ? Help Q Quit ^D Toggle Dark Mode + + 5x5 -- A little annoying puzzleMoves: 0Filled: 5 + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +  n New Game ? Help q Quit ^d Toggle Dark Mode @@ -19716,143 +19716,143 @@ font-weight: 700; } - .terminal-2880057008-matrix { + .terminal-4125634320-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2880057008-title { + .terminal-4125634320-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2880057008-r1 { fill: #c5c8c6 } - .terminal-2880057008-r2 { fill: #e3e3e3 } - .terminal-2880057008-r3 { fill: #e2e3e3 } - .terminal-2880057008-r4 { fill: #008139 } - .terminal-2880057008-r5 { fill: #14191f } - .terminal-2880057008-r6 { fill: #e2e3e3;font-weight: bold } - .terminal-2880057008-r7 { fill: #98e024 } - .terminal-2880057008-r8 { fill: #211505;font-weight: bold } - .terminal-2880057008-r9 { fill: #fea62b;font-weight: bold } - .terminal-2880057008-r10 { fill: #58d1eb;font-weight: bold } - .terminal-2880057008-r11 { fill: #f4005f;font-style: italic; } - .terminal-2880057008-r12 { fill: #23568b } - .terminal-2880057008-r13 { fill: #a7a9ab } + .terminal-4125634320-r1 { fill: #c5c8c6 } + .terminal-4125634320-r2 { fill: #e3e3e3 } + .terminal-4125634320-r3 { fill: #e2e3e3 } + .terminal-4125634320-r4 { fill: #008139 } + .terminal-4125634320-r5 { fill: #14191f } + .terminal-4125634320-r6 { fill: #e2e3e3;font-weight: bold } + .terminal-4125634320-r7 { fill: #98e024 } + .terminal-4125634320-r8 { fill: #211505;font-weight: bold } + .terminal-4125634320-r9 { fill: #fea62b;font-weight: bold } + .terminal-4125634320-r10 { fill: #58d1eb;font-weight: bold } + .terminal-4125634320-r11 { fill: #f4005f;font-style: italic; } + .terminal-4125634320-r12 { fill: #23568b } + .terminal-4125634320-r13 { fill: #a7a9ab } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeApp + TreeApp - + - - ⭘TreeApp - ▼ Root - └── ▼ {} JSON▁▁ - ├── code='5060292302201' - ├── ▼ {} product - │   ┣━━ _id='5060292302201' - │   ┣━━ ▶ [] _keywords - │   ┣━━ ▶ [] added_countries_tags - │   ┣━━ ▶ [] additives_debug_tags - │   ┣━━ additives_n=2 - │   ┣━━ additives_old_n=2 - │   ┣━━ ▶ [] additives_old_tags - │   ┣━━ ▶ [] additives_original_tags - │   ┣━━ ▶ [] additives_prev_original_tags - │   ┣━━ ▶ [] additives_tags - │   ┣━━ additives_tags_n=None - │   ┣━━ allergens='en:milk' - │   ┣━━ ▶ [] allergens_debug_tags - │   ┣━━ allergens_from_ingredients='en:milk, milk' - │   ┣━━ allergens_from_user='(en) en:milk' - │   ┣━━ ▶ [] allergens_hierarchy - │   ┣━━ ▶ [] allergens_tags - ▉ -  A Add node C Clear T Toggle root + + ⭘TreeApp + ▼ Root + └── ▼ {} JSON▁▁ + ├── code='5060292302201' + ├── ▼ {} product + │   ┣━━ _id='5060292302201' + │   ┣━━ ▶ [] _keywords + │   ┣━━ ▶ [] added_countries_tags + │   ┣━━ ▶ [] additives_debug_tags + │   ┣━━ additives_n=2 + │   ┣━━ additives_old_n=2 + │   ┣━━ ▶ [] additives_old_tags + │   ┣━━ ▶ [] additives_original_tags + │   ┣━━ ▶ [] additives_prev_original_tags + │   ┣━━ ▶ [] additives_tags + │   ┣━━ additives_tags_n=None + │   ┣━━ allergens='en:milk' + │   ┣━━ ▶ [] allergens_debug_tags + │   ┣━━ allergens_from_ingredients='en:milk, milk' + │   ┣━━ allergens_from_user='(en) en:milk' + │   ┣━━ ▶ [] allergens_hierarchy + │   ┣━━ ▶ [] allergens_tags + ▉ +  a Add node c Clear t Toggle root @@ -19882,144 +19882,144 @@ font-weight: 700; } - .terminal-959182868-matrix { + .terminal-4170054082-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-959182868-title { + .terminal-4170054082-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-959182868-r1 { fill: #c5c8c6 } - .terminal-959182868-r2 { fill: #24292f } - .terminal-959182868-r3 { fill: #e1e1e1 } - .terminal-959182868-r4 { fill: #e2e3e3 } - .terminal-959182868-r5 { fill: #96989b } - .terminal-959182868-r6 { fill: #008139 } - .terminal-959182868-r7 { fill: #0178d4;font-weight: bold } - .terminal-959182868-r8 { fill: #939393;font-weight: bold } - .terminal-959182868-r9 { fill: #0178d4;text-decoration: underline; } - .terminal-959182868-r10 { fill: #e1e1e1;text-decoration: underline; } - .terminal-959182868-r11 { fill: #fea62b;font-weight: bold } - .terminal-959182868-r12 { fill: #a7a9ab } - .terminal-959182868-r13 { fill: #a6742c;font-weight: bold } - .terminal-959182868-r14 { fill: #727579 } + .terminal-4170054082-r1 { fill: #c5c8c6 } + .terminal-4170054082-r2 { fill: #24292f } + .terminal-4170054082-r3 { fill: #e1e1e1 } + .terminal-4170054082-r4 { fill: #e2e3e3 } + .terminal-4170054082-r5 { fill: #96989b } + .terminal-4170054082-r6 { fill: #008139 } + .terminal-4170054082-r7 { fill: #4ebf71;font-weight: bold } + .terminal-4170054082-r8 { fill: #939393;font-weight: bold } + .terminal-4170054082-r9 { fill: #4ebf71;text-decoration: underline; } + .terminal-4170054082-r10 { fill: #e1e1e1;text-decoration: underline; } + .terminal-4170054082-r11 { fill: #fea62b;font-weight: bold } + .terminal-4170054082-r12 { fill: #a7a9ab } + .terminal-4170054082-r13 { fill: #a6742c;font-weight: bold } + .terminal-4170054082-r14 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownApp + MarkdownApp - + - - ▊ - ▼ Ⅰ Textual Markdown Browser▊ - └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser - ▊ - ▊Welcome fellow adventurer! If you ran  - ▊markdown.py from the terminal you are  - ▊viewing demo.md with Textual's built  - ▊in Markdown widget. - ▊ - ▊The widget supports much of the  - ▊Markdown spec. There is also an  - ▊optional Table of Contents sidebar  - ▊which you will see to your left. - ▊ - ▊ - ▊Do You Want to Know More? - ▊ - ▊See example.md for more examples of  - ▊what this can do. - ▊ - ▊ - ▊ - ▊ -  T TOC B Back F Forward + + ▊ + ▼ Ⅰ Textual Markdown Browser▊ + └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser + ▊ + ▊Welcome fellow adventurer! If you ran  + ▊markdown.py from the terminal you are  + ▊viewing demo.md with Textual's built  + ▊in Markdown widget. + ▊ + ▊The widget supports much of the  + ▊Markdown spec. There is also an  + ▊optional Table of Contents sidebar  + ▊which you will see to your left. + ▊ + ▊ + ▊Do You Want to Know More? + ▊ + ▊See example.md for more examples of  + ▊what this can do. + ▊ + ▊ + ▊ + ▊ +  t TOC b Back f Forward @@ -20531,135 +20531,135 @@ font-weight: 700; } - .terminal-283648974-matrix { + .terminal-3310691502-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-283648974-title { + .terminal-3310691502-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-283648974-r1 { fill: #e1e1e1 } - .terminal-283648974-r2 { fill: #c5c8c6 } - .terminal-283648974-r3 { fill: #fea62b;font-weight: bold } - .terminal-283648974-r4 { fill: #a7a9ab } - .terminal-283648974-r5 { fill: #e2e3e3 } + .terminal-3310691502-r1 { fill: #e1e1e1 } + .terminal-3310691502-r2 { fill: #c5c8c6 } + .terminal-3310691502-r3 { fill: #fea62b;font-weight: bold } + .terminal-3310691502-r4 { fill: #a7a9ab } + .terminal-3310691502-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FooterApp + FooterApp - + - - - - - - - - - - - - - - - - - - - - - - - - -  Q Quit the app ? Show help screen DELETE Delete the thing + + + + + + + + + + + + + + + + + + + + + + + + +  q Quit the app ? Show help screen delete Delete the thing @@ -22906,135 +22906,135 @@ font-weight: 700; } - .terminal-1807544763-matrix { + .terminal-3686592987-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1807544763-title { + .terminal-3686592987-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1807544763-r1 { fill: #e1e1e1 } - .terminal-1807544763-r2 { fill: #c5c8c6 } - .terminal-1807544763-r3 { fill: #fea62b;font-weight: bold } - .terminal-1807544763-r4 { fill: #a7a9ab } - .terminal-1807544763-r5 { fill: #e2e3e3 } + .terminal-3686592987-r1 { fill: #e1e1e1 } + .terminal-3686592987-r2 { fill: #c5c8c6 } + .terminal-3686592987-r3 { fill: #fea62b;font-weight: bold } + .terminal-3686592987-r4 { fill: #a7a9ab } + .terminal-3686592987-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeyDisplayApp + KeyDisplayApp - + - - - - - - - - - - - - - - - - - - - - - - - - -  ? Question ^q Quit app Escape! Escape A Letter A + + + + + + + + + + + + + + + + + + + + + + + + +  ? Question ^q Quit app Escape! Escape a Letter A @@ -23381,137 +23381,137 @@ font-weight: 700; } - .terminal-2218952108-matrix { + .terminal-4186080716-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2218952108-title { + .terminal-4186080716-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2218952108-r1 { fill: #c5c8c6 } - .terminal-2218952108-r2 { fill: #e3e3e3 } - .terminal-2218952108-r3 { fill: #e1e1e1 } - .terminal-2218952108-r4 { fill: #ff0000 } - .terminal-2218952108-r5 { fill: #fea62b;font-weight: bold } - .terminal-2218952108-r6 { fill: #a7a9ab } - .terminal-2218952108-r7 { fill: #e2e3e3 } + .terminal-4186080716-r1 { fill: #c5c8c6 } + .terminal-4186080716-r2 { fill: #e3e3e3 } + .terminal-4186080716-r3 { fill: #e1e1e1 } + .terminal-4186080716-r4 { fill: #ff0000 } + .terminal-4186080716-r5 { fill: #fea62b;font-weight: bold } + .terminal-4186080716-r6 { fill: #a7a9ab } + .terminal-4186080716-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DialogIssueApp + DialogIssueApp - + - - ⭘DialogIssueApp - - - - - - ╭──────────────────────────────────────╮ - ││ - ││ - ││ - ││ - │This should not cause a scrollbar to a│ - ││ - ││ - ││ - ││ - ││ - ╰──────────────────────────────────────╯ - - - - - -  D Toggle the dialog + + ⭘DialogIssueApp + + + + + + ╭──────────────────────────────────────╮ + ││ + ││ + ││ + ││ + │This should not cause a scrollbar to a│ + ││ + ││ + ││ + ││ + ││ + ╰──────────────────────────────────────╯ + + + + + +  d Toggle the dialog @@ -25126,142 +25126,142 @@ font-weight: 700; } - .terminal-2406150924-matrix { + .terminal-2780034138-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2406150924-title { + .terminal-2780034138-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2406150924-r1 { fill: #e1e1e1 } - .terminal-2406150924-r2 { fill: #c5c8c6 } - .terminal-2406150924-r3 { fill: #0178d4;font-weight: bold } - .terminal-2406150924-r4 { fill: #e2e3e3 } - .terminal-2406150924-r5 { fill: #e2e3e3;font-weight: bold } - .terminal-2406150924-r6 { fill: #939393;font-weight: bold } - .terminal-2406150924-r7 { fill: #e1e1e1;font-weight: bold } - .terminal-2406150924-r8 { fill: #e1e1e1;font-style: italic; } - .terminal-2406150924-r9 { fill: #e1e1e1;text-decoration: line-through; } - .terminal-2406150924-r10 { fill: #d2d2d2 } - .terminal-2406150924-r11 { fill: #82aaff } - .terminal-2406150924-r12 { fill: #89ddff } - .terminal-2406150924-r13 { fill: #c3e88d } + .terminal-2780034138-r1 { fill: #e1e1e1 } + .terminal-2780034138-r2 { fill: #c5c8c6 } + .terminal-2780034138-r3 { fill: #4ebf71;font-weight: bold } + .terminal-2780034138-r4 { fill: #e2e3e3 } + .terminal-2780034138-r5 { fill: #e2e3e3;font-weight: bold } + .terminal-2780034138-r6 { fill: #939393;font-weight: bold } + .terminal-2780034138-r7 { fill: #e1e1e1;font-weight: bold } + .terminal-2780034138-r8 { fill: #e1e1e1;font-style: italic; } + .terminal-2780034138-r9 { fill: #e1e1e1;text-decoration: line-through; } + .terminal-2780034138-r10 { fill: #d2d2d2 } + .terminal-2780034138-r11 { fill: #82aaff } + .terminal-2780034138-r12 { fill: #89ddff } + .terminal-2780034138-r13 { fill: #c3e88d } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - + - - - - This is a header - - - col1                                 col2                                 -  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  - value 1                              value 2                              - - Here's some code: from itertools import product. Bold textEmphasized text - strikethrough - - - print("Hello, world!") - - - That was some code. - - - - - - + + + + This is a header + + + col1                                 col2                                 +  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  + value 1                              value 2                              + + Here's some code: from itertools import product. Bold textEmphasized text + strikethrough + + + print("Hello, world!") + + + That was some code. + + + + + + @@ -25292,138 +25292,138 @@ font-weight: 700; } - .terminal-1966604520-matrix { + .terminal-1515979151-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1966604520-title { + .terminal-1515979151-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1966604520-r1 { fill: #e1e1e1 } - .terminal-1966604520-r2 { fill: #c5c8c6 } - .terminal-1966604520-r3 { fill: #0178d4;font-weight: bold } - .terminal-1966604520-r4 { fill: #d2d2d2 } - .terminal-1966604520-r5 { fill: #859900 } - .terminal-1966604520-r6 { fill: #839496 } - .terminal-1966604520-r7 { fill: #268bd2 } - .terminal-1966604520-r8 { fill: #34535b;font-style: italic; } - .terminal-1966604520-r9 { fill: #2aa198 } + .terminal-1515979151-r1 { fill: #e1e1e1 } + .terminal-1515979151-r2 { fill: #c5c8c6 } + .terminal-1515979151-r3 { fill: #4ebf71;font-weight: bold } + .terminal-1515979151-r4 { fill: #d2d2d2 } + .terminal-1515979151-r5 { fill: #859900 } + .terminal-1515979151-r6 { fill: #839496 } + .terminal-1515979151-r7 { fill: #268bd2 } + .terminal-1515979151-r8 { fill: #34535b;font-style: italic; } + .terminal-1515979151-r9 { fill: #2aa198 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitchertApp - + - - - - This is a H1 - - - defmain(): - │   print("Hello world!") - - - - - - - - - - - - - - - - + + + + This is a H1 + + + defmain(): + │   print("Hello world!") + + + + + + + + + + + + + + + + @@ -25454,137 +25454,136 @@ font-weight: 700; } - .terminal-3233874172-matrix { + .terminal-1184957002-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3233874172-title { + .terminal-1184957002-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3233874172-r1 { fill: #e1e1e1 } - .terminal-3233874172-r2 { fill: #c5c8c6 } - .terminal-3233874172-r3 { fill: #0178d4;font-weight: bold } - .terminal-3233874172-r4 { fill: #939393;font-weight: bold } - .terminal-3233874172-r5 { fill: #0178d4;text-decoration: underline; } - .terminal-3233874172-r6 { fill: #4ebf71;font-weight: bold } - .terminal-3233874172-r7 { fill: #e1e1e1;font-style: italic; } - .terminal-3233874172-r8 { fill: #e1e1e1;font-weight: bold } + .terminal-1184957002-r1 { fill: #e1e1e1 } + .terminal-1184957002-r2 { fill: #c5c8c6 } + .terminal-1184957002-r3 { fill: #4ebf71;font-weight: bold } + .terminal-1184957002-r4 { fill: #939393;font-weight: bold } + .terminal-1184957002-r5 { fill: #4ebf71;text-decoration: underline; } + .terminal-1184957002-r6 { fill: #e1e1e1;font-style: italic; } + .terminal-1184957002-r7 { fill: #e1e1e1;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownExampleApp + MarkdownExampleApp - + - - - - Markdown Document - - This is an example of Textual's Markdown widget. - - - Features - - Markdown syntax and extensions are supported. - - ● Typography emphasis, strong, inline code etc. - ● Headers - ● Lists (bullet and ordered) - ● Syntax highlighted code blocks - ● Tables! - - - - - - - + + + + Markdown Document + + This is an example of Textual's Markdown widget. + + + Features + + Markdown syntax and extensions are supported. + + ● Typography emphasis, strong, inline code etc. + ● Headers + ● Lists (bullet and ordered) + ● Syntax highlighted code blocks + ● Tables! + + + + + + + @@ -25615,138 +25614,138 @@ font-weight: 700; } - .terminal-2804360777-matrix { + .terminal-978920946-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2804360777-title { + .terminal-978920946-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2804360777-r1 { fill: #1f1f1f } - .terminal-2804360777-r2 { fill: #c5c8c6 } - .terminal-2804360777-r3 { fill: #0178d4;font-weight: bold } - .terminal-2804360777-r4 { fill: #d2d2d2 } - .terminal-2804360777-r5 { fill: #859900 } - .terminal-2804360777-r6 { fill: #657b83 } - .terminal-2804360777-r7 { fill: #268bd2 } - .terminal-2804360777-r8 { fill: #bdc3bb;font-style: italic; } - .terminal-2804360777-r9 { fill: #2aa198 } + .terminal-978920946-r1 { fill: #1f1f1f } + .terminal-978920946-r2 { fill: #c5c8c6 } + .terminal-978920946-r3 { fill: #004578;font-weight: bold } + .terminal-978920946-r4 { fill: #d2d2d2 } + .terminal-978920946-r5 { fill: #859900 } + .terminal-978920946-r6 { fill: #657b83 } + .terminal-978920946-r7 { fill: #268bd2 } + .terminal-978920946-r8 { fill: #bdc3bb;font-style: italic; } + .terminal-978920946-r9 { fill: #2aa198 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitchertApp - + - - - - This is a H1 - - - defmain(): - │   print("Hello world!") - - - - - - - - - - - - - - - - + + + + This is a H1 + + + defmain(): + │   print("Hello world!") + + + + + + + + + + + + + + + + @@ -25945,139 +25944,139 @@ font-weight: 700; } - .terminal-840177664-matrix { + .terminal-3588102057-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-840177664-title { + .terminal-3588102057-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-840177664-r1 { fill: #1f1f1f } - .terminal-840177664-r2 { fill: #c5c8c6 } - .terminal-840177664-r3 { fill: #0178d4;font-weight: bold } - .terminal-840177664-r4 { fill: #d2d2d2 } - .terminal-840177664-r5 { fill: #008000;font-weight: bold } - .terminal-840177664-r6 { fill: #000000 } - .terminal-840177664-r7 { fill: #0000ff } - .terminal-840177664-r8 { fill: #87adad;font-style: italic; } - .terminal-840177664-r9 { fill: #008000 } - .terminal-840177664-r10 { fill: #ba2121 } + .terminal-3588102057-r1 { fill: #1f1f1f } + .terminal-3588102057-r2 { fill: #c5c8c6 } + .terminal-3588102057-r3 { fill: #004578;font-weight: bold } + .terminal-3588102057-r4 { fill: #d2d2d2 } + .terminal-3588102057-r5 { fill: #008000;font-weight: bold } + .terminal-3588102057-r6 { fill: #000000 } + .terminal-3588102057-r7 { fill: #0000ff } + .terminal-3588102057-r8 { fill: #87adad;font-style: italic; } + .terminal-3588102057-r9 { fill: #008000 } + .terminal-3588102057-r10 { fill: #ba2121 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitchertApp + MarkdownThemeSwitchertApp - + - - - - This is a H1 - - - defmain(): - │   print("Hello world!") - - - - - - - - - - - - - - - - + + + + This is a H1 + + + defmain(): + │   print("Hello world!") + + + + + + + + + + + + + + + + @@ -26108,143 +26107,142 @@ font-weight: 700; } - .terminal-1666710991-matrix { + .terminal-3055615940-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1666710991-title { + .terminal-3055615940-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1666710991-r1 { fill: #c5c8c6 } - .terminal-1666710991-r2 { fill: #24292f } - .terminal-1666710991-r3 { fill: #e1e1e1 } - .terminal-1666710991-r4 { fill: #e2e3e3 } - .terminal-1666710991-r5 { fill: #96989b } - .terminal-1666710991-r6 { fill: #008139 } - .terminal-1666710991-r7 { fill: #0178d4;font-weight: bold } - .terminal-1666710991-r8 { fill: #939393;font-weight: bold } - .terminal-1666710991-r9 { fill: #0178d4;text-decoration: underline; } - .terminal-1666710991-r10 { fill: #14191f } - .terminal-1666710991-r11 { fill: #4ebf71;font-weight: bold } - .terminal-1666710991-r12 { fill: #e1e1e1;font-style: italic; } - .terminal-1666710991-r13 { fill: #e1e1e1;font-weight: bold } + .terminal-3055615940-r1 { fill: #c5c8c6 } + .terminal-3055615940-r2 { fill: #24292f } + .terminal-3055615940-r3 { fill: #e1e1e1 } + .terminal-3055615940-r4 { fill: #e2e3e3 } + .terminal-3055615940-r5 { fill: #96989b } + .terminal-3055615940-r6 { fill: #008139 } + .terminal-3055615940-r7 { fill: #4ebf71;font-weight: bold } + .terminal-3055615940-r8 { fill: #939393;font-weight: bold } + .terminal-3055615940-r9 { fill: #4ebf71;text-decoration: underline; } + .terminal-3055615940-r10 { fill: #14191f } + .terminal-3055615940-r11 { fill: #e1e1e1;font-style: italic; } + .terminal-3055615940-r12 { fill: #e1e1e1;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownExampleApp + MarkdownExampleApp - + - - ▊ - ▼ Ⅰ Markdown Viewer▊ - ├── Ⅱ Features▊Markdown Viewer - ├── Ⅱ Tables▊ - └── Ⅱ Code Blocks▊This is an example of Textual's MarkdownViewer - ▊widget. - ▊ - ▊ - ▊Features - ▊ - ▊Markdown syntax and extensions are supported.▂▂ - ▊ - ▊● Typography emphasis, strong, inline code etc. - ▊● Headers - ▊● Lists (bullet and ordered) - ▊● Syntax highlighted code blocks - ▊● Tables! - ▊ - ▊ - ▊Tables - ▊ - ▊Tables are displayed in a DataTable widget. - ▊ - ▊ + + ▊ + ▼ Ⅰ Markdown Viewer▊ + ├── Ⅱ Features▊Markdown Viewer + ├── Ⅱ Tables▊ + └── Ⅱ Code Blocks▊This is an example of Textual's MarkdownViewer + ▊widget. + ▊ + ▊ + ▊Features + ▊ + ▊Markdown syntax and extensions are supported.▂▂ + ▊ + ▊● Typography emphasis, strong, inline code etc. + ▊● Headers + ▊● Lists (bullet and ordered) + ▊● Syntax highlighted code blocks + ▊● Tables! + ▊ + ▊ + ▊Tables + ▊ + ▊Tables are displayed in a DataTable widget. + ▊ + ▊ @@ -30093,137 +30091,137 @@ font-weight: 700; } - .terminal-1379634258-matrix { + .terminal-3329985650-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1379634258-title { + .terminal-3329985650-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1379634258-r1 { fill: #ffff00 } - .terminal-1379634258-r2 { fill: #e3e3e3 } - .terminal-1379634258-r3 { fill: #c5c8c6 } - .terminal-1379634258-r4 { fill: #e1e1e1 } - .terminal-1379634258-r5 { fill: #fea62b;font-weight: bold } - .terminal-1379634258-r6 { fill: #a7a9ab } - .terminal-1379634258-r7 { fill: #e2e3e3 } + .terminal-3329985650-r1 { fill: #ffff00 } + .terminal-3329985650-r2 { fill: #e3e3e3 } + .terminal-3329985650-r3 { fill: #c5c8c6 } + .terminal-3329985650-r4 { fill: #e1e1e1 } + .terminal-3329985650-r5 { fill: #fea62b;font-weight: bold } + .terminal-3329985650-r6 { fill: #a7a9ab } + .terminal-3329985650-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - + - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  T Toggle Screen + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -30253,137 +30251,137 @@ font-weight: 700; } - .terminal-2450032602-matrix { + .terminal-106399738-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2450032602-title { + .terminal-106399738-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2450032602-r1 { fill: #ffff00 } - .terminal-2450032602-r2 { fill: #e3e3e3 } - .terminal-2450032602-r3 { fill: #c5c8c6 } - .terminal-2450032602-r4 { fill: #ddeedd } - .terminal-2450032602-r5 { fill: #fea62b;font-weight: bold } - .terminal-2450032602-r6 { fill: #a7a9ab } - .terminal-2450032602-r7 { fill: #e2e3e3 } + .terminal-106399738-r1 { fill: #ffff00 } + .terminal-106399738-r2 { fill: #e3e3e3 } + .terminal-106399738-r3 { fill: #c5c8c6 } + .terminal-106399738-r4 { fill: #ddeedd } + .terminal-106399738-r5 { fill: #fea62b;font-weight: bold } + .terminal-106399738-r6 { fill: #a7a9ab } + .terminal-106399738-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - + - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  T Toggle Screen + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -31236,136 +31234,136 @@ font-weight: 700; } - .terminal-4047681276-matrix { + .terminal-1741797148-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4047681276-title { + .terminal-1741797148-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4047681276-r1 { fill: #e1e1e1 } - .terminal-4047681276-r2 { fill: #c5c8c6 } - .terminal-4047681276-r3 { fill: #4ebf71 } - .terminal-4047681276-r4 { fill: #fea62b;font-weight: bold } - .terminal-4047681276-r5 { fill: #a7a9ab } - .terminal-4047681276-r6 { fill: #e2e3e3 } + .terminal-1741797148-r1 { fill: #e1e1e1 } + .terminal-1741797148-r2 { fill: #c5c8c6 } + .terminal-1741797148-r3 { fill: #4ebf71 } + .terminal-1741797148-r4 { fill: #fea62b;font-weight: bold } + .terminal-1741797148-r5 { fill: #a7a9ab } + .terminal-1741797148-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - + - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  S Start + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start @@ -31395,138 +31393,138 @@ font-weight: 700; } - .terminal-1203486482-matrix { + .terminal-3176906546-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1203486482-title { + .terminal-3176906546-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1203486482-r1 { fill: #e1e1e1 } - .terminal-1203486482-r2 { fill: #c5c8c6 } - .terminal-1203486482-r3 { fill: #b93c5b } - .terminal-1203486482-r4 { fill: #1e1e1e } - .terminal-1203486482-r5 { fill: #e1e1e1;text-decoration: underline; } - .terminal-1203486482-r6 { fill: #fea62b;font-weight: bold } - .terminal-1203486482-r7 { fill: #a7a9ab } - .terminal-1203486482-r8 { fill: #e2e3e3 } + .terminal-3176906546-r1 { fill: #e1e1e1 } + .terminal-3176906546-r2 { fill: #c5c8c6 } + .terminal-3176906546-r3 { fill: #b93c5b } + .terminal-3176906546-r4 { fill: #1e1e1e } + .terminal-3176906546-r5 { fill: #e1e1e1;text-decoration: underline; } + .terminal-3176906546-r6 { fill: #fea62b;font-weight: bold } + .terminal-3176906546-r7 { fill: #a7a9ab } + .terminal-3176906546-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - + - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  S Start + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start @@ -31556,137 +31554,137 @@ font-weight: 700; } - .terminal-3705420910-matrix { + .terminal-1399536782-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3705420910-title { + .terminal-1399536782-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3705420910-r1 { fill: #e1e1e1 } - .terminal-3705420910-r2 { fill: #c5c8c6 } - .terminal-3705420910-r3 { fill: #fea62b } - .terminal-3705420910-r4 { fill: #323232 } - .terminal-3705420910-r5 { fill: #fea62b;font-weight: bold } - .terminal-3705420910-r6 { fill: #a7a9ab } - .terminal-3705420910-r7 { fill: #e2e3e3 } + .terminal-1399536782-r1 { fill: #e1e1e1 } + .terminal-1399536782-r2 { fill: #c5c8c6 } + .terminal-1399536782-r3 { fill: #fea62b } + .terminal-1399536782-r4 { fill: #323232 } + .terminal-1399536782-r5 { fill: #fea62b;font-weight: bold } + .terminal-1399536782-r6 { fill: #a7a9ab } + .terminal-1399536782-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - + - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  S Start + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start @@ -31716,139 +31714,139 @@ font-weight: 700; } - .terminal-2620081073-matrix { + .terminal-299516881-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2620081073-title { + .terminal-299516881-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2620081073-r1 { fill: #e1e1e1 } - .terminal-2620081073-r2 { fill: #c5c8c6 } - .terminal-2620081073-r3 { fill: #004578 } - .terminal-2620081073-r4 { fill: #152939 } - .terminal-2620081073-r5 { fill: #1e1e1e } - .terminal-2620081073-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-2620081073-r7 { fill: #fea62b;font-weight: bold } - .terminal-2620081073-r8 { fill: #a7a9ab } - .terminal-2620081073-r9 { fill: #e2e3e3 } + .terminal-299516881-r1 { fill: #e1e1e1 } + .terminal-299516881-r2 { fill: #c5c8c6 } + .terminal-299516881-r3 { fill: #004578 } + .terminal-299516881-r4 { fill: #152939 } + .terminal-299516881-r5 { fill: #1e1e1e } + .terminal-299516881-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-299516881-r7 { fill: #fea62b;font-weight: bold } + .terminal-299516881-r8 { fill: #a7a9ab } + .terminal-299516881-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - + - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  S Start + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start @@ -31878,137 +31876,137 @@ font-weight: 700; } - .terminal-1288749316-matrix { + .terminal-3276849444-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1288749316-title { + .terminal-3276849444-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1288749316-r1 { fill: #e1e1e1 } - .terminal-1288749316-r2 { fill: #c5c8c6 } - .terminal-1288749316-r3 { fill: #323232 } - .terminal-1288749316-r4 { fill: #b93c5b } - .terminal-1288749316-r5 { fill: #fea62b;font-weight: bold } - .terminal-1288749316-r6 { fill: #a7a9ab } - .terminal-1288749316-r7 { fill: #e2e3e3 } + .terminal-3276849444-r1 { fill: #e1e1e1 } + .terminal-3276849444-r2 { fill: #c5c8c6 } + .terminal-3276849444-r3 { fill: #323232 } + .terminal-3276849444-r4 { fill: #b93c5b } + .terminal-3276849444-r5 { fill: #fea62b;font-weight: bold } + .terminal-3276849444-r6 { fill: #a7a9ab } + .terminal-3276849444-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - + - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  S Start + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start @@ -32038,139 +32036,139 @@ font-weight: 700; } - .terminal-887016796-matrix { + .terminal-2860436860-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-887016796-title { + .terminal-2860436860-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-887016796-r1 { fill: #e1e1e1 } - .terminal-887016796-r2 { fill: #c5c8c6 } - .terminal-887016796-r3 { fill: #fea62b } - .terminal-887016796-r4 { fill: #004578 } - .terminal-887016796-r5 { fill: #1e1e1e } - .terminal-887016796-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-887016796-r7 { fill: #fea62b;font-weight: bold } - .terminal-887016796-r8 { fill: #a7a9ab } - .terminal-887016796-r9 { fill: #e2e3e3 } + .terminal-2860436860-r1 { fill: #e1e1e1 } + .terminal-2860436860-r2 { fill: #c5c8c6 } + .terminal-2860436860-r3 { fill: #fea62b } + .terminal-2860436860-r4 { fill: #004578 } + .terminal-2860436860-r5 { fill: #1e1e1e } + .terminal-2860436860-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-2860436860-r7 { fill: #fea62b;font-weight: bold } + .terminal-2860436860-r8 { fill: #a7a9ab } + .terminal-2860436860-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - + - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  S Start + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start @@ -32845,138 +32843,138 @@ font-weight: 700; } - .terminal-1835038948-matrix { + .terminal-2821683492-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1835038948-title { + .terminal-2821683492-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1835038948-r1 { fill: #c5c8c6 } - .terminal-1835038948-r2 { fill: #e3e3e3 } - .terminal-1835038948-r3 { fill: #008000 } - .terminal-1835038948-r4 { fill: #ffff00 } - .terminal-1835038948-r5 { fill: #e1e1e1 } - .terminal-1835038948-r6 { fill: #fea62b;font-weight: bold } - .terminal-1835038948-r7 { fill: #a7a9ab } - .terminal-1835038948-r8 { fill: #e2e3e3 } + .terminal-2821683492-r1 { fill: #c5c8c6 } + .terminal-2821683492-r2 { fill: #e3e3e3 } + .terminal-2821683492-r3 { fill: #008000 } + .terminal-2821683492-r4 { fill: #ffff00 } + .terminal-2821683492-r5 { fill: #e1e1e1 } + .terminal-2821683492-r6 { fill: #fea62b;font-weight: bold } + .terminal-2821683492-r7 { fill: #a7a9ab } + .terminal-2821683492-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalRemoveApp + VerticalRemoveApp - + - - ⭘VerticalRemoveApp - ╭──────────────────────────────────────────────────────────────────────────────╮ - │╭────────────────────╮│ - ││This is a test label││ - │╰────────────────────╯│ - ╰──────────────────────────────────────────────────────────────────────────────╯ - - - - - - - - - - - - - - - - - -  A Add D Delete + + ⭘VerticalRemoveApp + ╭──────────────────────────────────────────────────────────────────────────────╮ + │╭────────────────────╮│ + ││This is a test label││ + │╰────────────────────╯│ + ╰──────────────────────────────────────────────────────────────────────────────╯ + + + + + + + + + + + + + + + + + +  a Add d Delete @@ -33940,136 +33938,136 @@ font-weight: 700; } - .terminal-116412143-matrix { + .terminal-2070957839-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-116412143-title { + .terminal-2070957839-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-116412143-r1 { fill: #c5c8c6 } - .terminal-116412143-r2 { fill: #e3e3e3 } - .terminal-116412143-r3 { fill: #e1e1e1 } - .terminal-116412143-r4 { fill: #fea62b;font-weight: bold } - .terminal-116412143-r5 { fill: #a7a9ab } - .terminal-116412143-r6 { fill: #e2e3e3 } + .terminal-2070957839-r1 { fill: #c5c8c6 } + .terminal-2070957839-r2 { fill: #e3e3e3 } + .terminal-2070957839-r3 { fill: #e1e1e1 } + .terminal-2070957839-r4 { fill: #fea62b;font-weight: bold } + .terminal-2070957839-r5 { fill: #a7a9ab } + .terminal-2070957839-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - + - - ⭘ModalApp - B - - - - - - - - - - - - - - - - - - - - - -  A Push screen A + + ⭘ModalApp + B + + + + + + + + + + + + + + + + + + + + + +  a Push screen A @@ -37787,141 +37785,141 @@ font-weight: 700; } - .terminal-1672500689-matrix { + .terminal-1446205144-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1672500689-title { + .terminal-1446205144-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1672500689-r1 { fill: #c5c8c6 } - .terminal-1672500689-r2 { fill: #e1e1e1 } - .terminal-1672500689-r3 { fill: #737373 } - .terminal-1672500689-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-1672500689-r5 { fill: #474747 } - .terminal-1672500689-r6 { fill: #0178d4 } - .terminal-1672500689-r7 { fill: #0178d4;font-weight: bold } - .terminal-1672500689-r8 { fill: #323232 } - .terminal-1672500689-r9 { fill: #fea62b;font-weight: bold } - .terminal-1672500689-r10 { fill: #a7a9ab } - .terminal-1672500689-r11 { fill: #e2e3e3 } + .terminal-1446205144-r1 { fill: #c5c8c6 } + .terminal-1446205144-r2 { fill: #e1e1e1 } + .terminal-1446205144-r3 { fill: #737373 } + .terminal-1446205144-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-1446205144-r5 { fill: #474747 } + .terminal-1446205144-r6 { fill: #0178d4 } + .terminal-1446205144-r7 { fill: #4ebf71;font-weight: bold } + .terminal-1446205144-r8 { fill: #323232 } + .terminal-1446205144-r9 { fill: #fea62b;font-weight: bold } + .terminal-1446205144-r10 { fill: #a7a9ab } + .terminal-1446205144-r11 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - + - - - LetoJessicaPaul - ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - PaulAlia - ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - First child - - - - - - - -  L Leto J Jessica P Paul + + + LetoJessicaPaul + ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + PaulAlia + ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + First child + + + + + + + +  l Leto j Jessica p Paul @@ -45536,153 +45534,153 @@ font-weight: 700; } - .terminal-1842987596-matrix { + .terminal-3799630444-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1842987596-title { + .terminal-3799630444-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1842987596-r1 { fill: #c5c8c6 } - .terminal-1842987596-r2 { fill: #e1e1e1 } - .terminal-1842987596-r3 { fill: #e1e1e1;font-weight: bold } - .terminal-1842987596-r4 { fill: #737373 } - .terminal-1842987596-r5 { fill: #474747 } - .terminal-1842987596-r6 { fill: #0178d4 } - .terminal-1842987596-r7 { fill: #454a50 } - .terminal-1842987596-r8 { fill: #e0e0e0 } - .terminal-1842987596-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-1842987596-r10 { fill: #000000 } - .terminal-1842987596-r11 { fill: #1e1e1e } - .terminal-1842987596-r12 { fill: #dde0e6 } - .terminal-1842987596-r13 { fill: #99a1b3 } - .terminal-1842987596-r14 { fill: #dde2e8 } - .terminal-1842987596-r15 { fill: #99a7b9 } - .terminal-1842987596-r16 { fill: #dde4ea } - .terminal-1842987596-r17 { fill: #99adc1 } - .terminal-1842987596-r18 { fill: #dde6ed } - .terminal-1842987596-r19 { fill: #99b4c9 } - .terminal-1842987596-r20 { fill: #23568b } - .terminal-1842987596-r21 { fill: #fea62b;font-weight: bold } - .terminal-1842987596-r22 { fill: #a7a9ab } - .terminal-1842987596-r23 { fill: #e2e3e3 } + .terminal-3799630444-r1 { fill: #c5c8c6 } + .terminal-3799630444-r2 { fill: #e1e1e1 } + .terminal-3799630444-r3 { fill: #e1e1e1;font-weight: bold } + .terminal-3799630444-r4 { fill: #737373 } + .terminal-3799630444-r5 { fill: #474747 } + .terminal-3799630444-r6 { fill: #0178d4 } + .terminal-3799630444-r7 { fill: #454a50 } + .terminal-3799630444-r8 { fill: #e0e0e0 } + .terminal-3799630444-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-3799630444-r10 { fill: #000000 } + .terminal-3799630444-r11 { fill: #1e1e1e } + .terminal-3799630444-r12 { fill: #dde0e6 } + .terminal-3799630444-r13 { fill: #99a1b3 } + .terminal-3799630444-r14 { fill: #dde2e8 } + .terminal-3799630444-r15 { fill: #99a7b9 } + .terminal-3799630444-r16 { fill: #dde4ea } + .terminal-3799630444-r17 { fill: #99adc1 } + .terminal-3799630444-r18 { fill: #dde6ed } + .terminal-3799630444-r19 { fill: #99b4c9 } + .terminal-3799630444-r20 { fill: #23568b } + .terminal-3799630444-r21 { fill: #fea62b;font-weight: bold } + .terminal-3799630444-r22 { fill: #a7a9ab } + .terminal-3799630444-r23 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 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 @@ -45712,149 +45710,149 @@ font-weight: 700; } - .terminal-1651344682-matrix { + .terminal-2476508522-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1651344682-title { + .terminal-2476508522-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1651344682-r1 { fill: #454a50 } - .terminal-1651344682-r2 { fill: #e1e1e1 } - .terminal-1651344682-r3 { fill: #c5c8c6 } - .terminal-1651344682-r4 { fill: #24292f;font-weight: bold } - .terminal-1651344682-r5 { fill: #262626 } - .terminal-1651344682-r6 { fill: #e2e2e2 } - .terminal-1651344682-r7 { fill: #000000 } - .terminal-1651344682-r8 { fill: #e3e3e3 } - .terminal-1651344682-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-1651344682-r10 { fill: #14191f } - .terminal-1651344682-r11 { fill: #b93c5b } - .terminal-1651344682-r12 { fill: #121212 } - .terminal-1651344682-r13 { fill: #1e1e1e } - .terminal-1651344682-r14 { fill: #fea62b } - .terminal-1651344682-r15 { fill: #211505;font-weight: bold } - .terminal-1651344682-r16 { fill: #211505 } - .terminal-1651344682-r17 { fill: #fea62b;font-weight: bold } - .terminal-1651344682-r18 { fill: #a7a9ab } - .terminal-1651344682-r19 { fill: #e2e3e3 } + .terminal-2476508522-r1 { fill: #454a50 } + .terminal-2476508522-r2 { fill: #e1e1e1 } + .terminal-2476508522-r3 { fill: #c5c8c6 } + .terminal-2476508522-r4 { fill: #24292f;font-weight: bold } + .terminal-2476508522-r5 { fill: #262626 } + .terminal-2476508522-r6 { fill: #e2e2e2 } + .terminal-2476508522-r7 { fill: #000000 } + .terminal-2476508522-r8 { fill: #e3e3e3 } + .terminal-2476508522-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-2476508522-r10 { fill: #14191f } + .terminal-2476508522-r11 { fill: #b93c5b } + .terminal-2476508522-r12 { fill: #121212 } + .terminal-2476508522-r13 { fill: #1e1e1e } + .terminal-2476508522-r14 { fill: #fea62b } + .terminal-2476508522-r15 { fill: #211505;font-weight: bold } + .terminal-2476508522-r16 { fill: #211505 } + .terminal-2476508522-r17 { fill: #fea62b;font-weight: bold } + .terminal-2476508522-r18 { fill: #a7a9ab } + .terminal-2476508522-r19 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 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▏ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^P Focus: Duration Input ^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▏ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input ^b Toggle Dark diff --git a/tests/test_keys.py b/tests/test_keys.py index 3aac179fc6..54068b1901 100644 --- a/tests/test_keys.py +++ b/tests/test_keys.py @@ -64,8 +64,8 @@ def test_get_key_display_when_used_in_conjunction(): right_square_bracket = _get_key_display("right_square_bracket") ctrl_right_square_bracket = _get_key_display("ctrl+right_square_bracket") - assert ctrl_right_square_bracket == f"CTRL+{right_square_bracket}" + assert ctrl_right_square_bracket == f"ctrl+{right_square_bracket}" left = _get_key_display("left") ctrl_left = _get_key_display("ctrl+left") - assert ctrl_left == f"CTRL+{left}" + assert ctrl_left == f"ctrl+{left}"