diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg
index d4d1abf605..adce7b3c3b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_alignment_containers.svg
@@ -19,139 +19,139 @@
font-weight: 700;
}
- .terminal-1827861245-matrix {
+ .terminal-1477630577-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1827861245-title {
+ .terminal-1477630577-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1827861245-r1 { fill: #cad1d6 }
-.terminal-1827861245-r2 { fill: #7ae998 }
-.terminal-1827861245-r3 { fill: #c5c8c6 }
-.terminal-1827861245-r4 { fill: #4ebf71;font-weight: bold }
-.terminal-1827861245-r5 { fill: #008139 }
-.terminal-1827861245-r6 { fill: #e3dbce }
-.terminal-1827861245-r7 { fill: #e1e1e1 }
-.terminal-1827861245-r8 { fill: #e76580 }
-.terminal-1827861245-r9 { fill: #f5e5e9;font-weight: bold }
-.terminal-1827861245-r10 { fill: #780028 }
+ .terminal-1477630577-r1 { fill: #c9d5de }
+.terminal-1477630577-r2 { fill: #7ae998 }
+.terminal-1477630577-r3 { fill: #c5c8c6 }
+.terminal-1477630577-r4 { fill: #55c076;font-weight: bold }
+.terminal-1477630577-r5 { fill: #008139 }
+.terminal-1477630577-r6 { fill: #e3dacd }
+.terminal-1477630577-r7 { fill: #e0e0e0 }
+.terminal-1477630577-r8 { fill: #e76580 }
+.terminal-1477630577-r9 { fill: #f5e5e9 }
+.terminal-1477630577-r10 { fill: #780028 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AlignContainersApp
+ AlignContainersApp
-
-
-
- ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- center
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
-
-
-
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- middle
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
-
-
-
-
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ center
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
+
+
+
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ middle
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi.svg
index 54dd794a9d..5fdc3e1a9a 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi.svg
@@ -19,132 +19,133 @@
font-weight: 700;
}
- .terminal-2908026744-matrix {
+ .terminal-992217098-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2908026744-title {
+ .terminal-992217098-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2908026744-r1 { fill: #c5c8c6 }
-.terminal-2908026744-r2 { fill: #cc555a }
-.terminal-2908026744-r3 { fill: #98729f }
+ .terminal-992217098-r1 { fill: #c5c8c6 }
+.terminal-992217098-r2 { fill: #cc555a }
+.terminal-992217098-r3 { fill: #e0e0e0 }
+.terminal-992217098-r4 { fill: #98729f }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ANSIApp
+ ANSIApp
-
+
-
- ┌───────────┐
-│RedMagenta│
-└───────────┘
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ ┌───────────┐
+│RedMagenta│
+└───────────┘
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-dark].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-dark].svg
index 884440ba70..ee81a27da1 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-dark].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-dark].svg
@@ -19,145 +19,145 @@
font-weight: 700;
}
- .terminal-1802641872-matrix {
+ .terminal-2041580584-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1802641872-title {
+ .terminal-2041580584-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1802641872-r1 { fill: #e1e1e1 }
-.terminal-1802641872-r2 { fill: #c5c8c6 }
-.terminal-1802641872-r3 { fill: #f4005f }
-.terminal-1802641872-r4 { fill: #9e0c45 }
-.terminal-1802641872-r5 { fill: #98e024 }
-.terminal-1802641872-r6 { fill: #679221 }
-.terminal-1802641872-r7 { fill: #fd971f }
-.terminal-1802641872-r8 { fill: #a3661e }
-.terminal-1802641872-r9 { fill: #9d65ff }
-.terminal-1802641872-r10 { fill: #6a48a5 }
-.terminal-1802641872-r11 { fill: #58d1eb }
-.terminal-1802641872-r12 { fill: #408999 }
-.terminal-1802641872-r13 { fill: #c4c5b5 }
-.terminal-1802641872-r14 { fill: #818278 }
-.terminal-1802641872-r15 { fill: #1a1a1a }
-.terminal-1802641872-r16 { fill: #1b1b1b }
+ .terminal-2041580584-r1 { fill: #e0e0e0 }
+.terminal-2041580584-r2 { fill: #c5c8c6 }
+.terminal-2041580584-r3 { fill: #f4005f }
+.terminal-2041580584-r4 { fill: #990740 }
+.terminal-2041580584-r5 { fill: #98e024 }
+.terminal-2041580584-r6 { fill: #628d1c }
+.terminal-2041580584-r7 { fill: #fd971f }
+.terminal-2041580584-r8 { fill: #9f6119 }
+.terminal-2041580584-r9 { fill: #9d65ff }
+.terminal-2041580584-r10 { fill: #6543a0 }
+.terminal-2041580584-r11 { fill: #58d1eb }
+.terminal-2041580584-r12 { fill: #3c8494 }
+.terminal-2041580584-r13 { fill: #c4c5b5 }
+.terminal-2041580584-r14 { fill: #7c7d73 }
+.terminal-2041580584-r15 { fill: #1a1a1a }
+.terminal-2041580584-r16 { fill: #161616 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AnsiMappingApp
+ AnsiMappingApp
-
-
-
- Foreground & background
-red
-dim red
-green
-dim green
-yellow
-dim yellow
-blue
-dim blue
-magenta
-dim magenta
-cyan
-dim cyan
-white
-dim white
-black
-dim black
-
-
-
-
-
-
+
+
+
+ Foreground & background
+red
+dim red
+green
+dim green
+yellow
+dim yellow
+blue
+dim blue
+magenta
+dim magenta
+cyan
+dim cyan
+white
+dim white
+black
+dim black
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg
index cee95d69f7..a0f3fd75e7 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg
@@ -19,147 +19,147 @@
font-weight: 700;
}
- .terminal-4256246556-matrix {
+ .terminal-3587191980-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4256246556-title {
+ .terminal-3587191980-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4256246556-r1 { fill: #1f1f1f }
-.terminal-4256246556-r2 { fill: #c5c8c6 }
-.terminal-4256246556-r3 { fill: #aa3731 }
-.terminal-4256246556-r4 { fill: #c8837f }
-.terminal-4256246556-r5 { fill: #448c27 }
-.terminal-4256246556-r6 { fill: #8ab679 }
-.terminal-4256246556-r7 { fill: #cb9000 }
-.terminal-4256246556-r8 { fill: #dbb862 }
-.terminal-4256246556-r9 { fill: #325cc0 }
-.terminal-4256246556-r10 { fill: #8099d5 }
-.terminal-4256246556-r11 { fill: #7a3e9d }
-.terminal-4256246556-r12 { fill: #ab87c0 }
-.terminal-4256246556-r13 { fill: #0083b2 }
-.terminal-4256246556-r14 { fill: #62b0cc }
-.terminal-4256246556-r15 { fill: #f7f7f7 }
-.terminal-4256246556-r16 { fill: #f6f6f6 }
-.terminal-4256246556-r17 { fill: #000000 }
-.terminal-4256246556-r18 { fill: #626262 }
+ .terminal-3587191980-r1 { fill: #101010 }
+.terminal-3587191980-r2 { fill: #c5c8c6 }
+.terminal-3587191980-r3 { fill: #aa3731 }
+.terminal-3587191980-r4 { fill: #c5807d }
+.terminal-3587191980-r5 { fill: #448c27 }
+.terminal-3587191980-r6 { fill: #88b377 }
+.terminal-3587191980-r7 { fill: #cb9000 }
+.terminal-3587191980-r8 { fill: #d9b65f }
+.terminal-3587191980-r9 { fill: #325cc0 }
+.terminal-3587191980-r10 { fill: #7d96d2 }
+.terminal-3587191980-r11 { fill: #7a3e9d }
+.terminal-3587191980-r12 { fill: #a884bd }
+.terminal-3587191980-r13 { fill: #0083b2 }
+.terminal-3587191980-r14 { fill: #5faeca }
+.terminal-3587191980-r15 { fill: #f7f7f7 }
+.terminal-3587191980-r16 { fill: #f3f3f3 }
+.terminal-3587191980-r17 { fill: #000000 }
+.terminal-3587191980-r18 { fill: #5f5f5f }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AnsiMappingApp
+ AnsiMappingApp
-
-
-
- Foreground & background
-red
-dim red
-green
-dim green
-yellow
-dim yellow
-blue
-dim blue
-magenta
-dim magenta
-cyan
-dim cyan
-white
-dim white
-black
-dim black
-
-
-
-
-
-
+
+
+
+ Foreground & background
+red
+dim red
+green
+dim green
+yellow
+dim yellow
+blue
+dim blue
+magenta
+dim magenta
+cyan
+dim cyan
+white
+dim white
+black
+dim black
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg
index d3bfa672c5..429373e812 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg
@@ -19,143 +19,142 @@
font-weight: 700;
}
- .terminal-1668212009-matrix {
+ .terminal-3752478672-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1668212009-title {
+ .terminal-3752478672-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1668212009-r1 { fill: #8a4346 }
-.terminal-1668212009-r2 { fill: #868887 }
-.terminal-1668212009-r3 { fill: #6b546f }
-.terminal-1668212009-r4 { fill: #c5c8c6 }
-.terminal-1668212009-r5 { fill: #292929 }
-.terminal-1668212009-r6 { fill: #004578 }
-.terminal-1668212009-r7 { fill: #00ff00 }
-.terminal-1668212009-r8 { fill: #000000 }
-.terminal-1668212009-r9 { fill: #1e1e1e }
-.terminal-1668212009-r10 { fill: #60686f }
-.terminal-1668212009-r11 { fill: #dddfe0 }
-.terminal-1668212009-r12 { fill: #dddfe0;font-weight: bold }
-.terminal-1668212009-r13 { fill: #848b90 }
+ .terminal-3752478672-r1 { fill: #8a4346 }
+.terminal-3752478672-r2 { fill: #969696 }
+.terminal-3752478672-r3 { fill: #6b546f }
+.terminal-3752478672-r4 { fill: #e0e0e0 }
+.terminal-3752478672-r5 { fill: #292929 }
+.terminal-3752478672-r6 { fill: #c5c8c6 }
+.terminal-3752478672-r7 { fill: #0178d4 }
+.terminal-3752478672-r8 { fill: #00ff00 }
+.terminal-3752478672-r9 { fill: #000000 }
+.terminal-3752478672-r10 { fill: #121212 }
+.terminal-3752478672-r11 { fill: #6d7479 }
+.terminal-3752478672-r12 { fill: #868686 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CommandPaletteApp
+ CommandPaletteApp
-
-
-
- RedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-🔎Search for commands…
-
-
- Quit the application
-Quit the application as soon as possible
- Save screenshot
-Save an SVG 'screenshot' of the current screen
- Show keys and help panel
-Show help for the focused widget and a summary of available keys
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
-MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+
+
+
+ RedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+🔎Search for commands…
+
+
+ Quit the application
+Quit the application as soon as possible
+ Save screenshot
+Save an SVG 'screenshot' of the current screen
+ Show keys and help panel
+Show help for the focused widget and a summary of available keys
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
+MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg
index 7d21a45769..f063da5765 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_blur.svg
@@ -19,134 +19,133 @@
font-weight: 700;
}
- .terminal-625927252-matrix {
+ .terminal-3772043974-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-625927252-title {
+ .terminal-3772043974-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-625927252-r1 { fill: #e1e1e1 }
-.terminal-625927252-r2 { fill: #c5c8c6 }
-.terminal-625927252-r3 { fill: #1e1e1e }
-.terminal-625927252-r4 { fill: #121212 }
-.terminal-625927252-r5 { fill: #e2e2e2 }
+ .terminal-3772043974-r1 { fill: #e0e0e0 }
+.terminal-3772043974-r2 { fill: #c5c8c6 }
+.terminal-3772043974-r3 { fill: #121212 }
+.terminal-3772043974-r4 { fill: #191919 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AppBlurApp
+ AppBlurApp
-
-
-
-
-
-
-
-
-
-
-
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊This should be the blur style ▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊This should also be the blur style▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊This should be the blur style ▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊This should also be the blur style▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg
index 79cdfbd91a..81b4aef655 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_focus_style.svg
@@ -19,133 +19,132 @@
font-weight: 700;
}
- .terminal-1705976361-matrix {
+ .terminal-1754273062-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1705976361-title {
+ .terminal-1754273062-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1705976361-r1 { fill: #e1e1e1 }
-.terminal-1705976361-r2 { fill: #c5c8c6 }
-.terminal-1705976361-r3 { fill: #004578 }
-.terminal-1705976361-r4 { fill: #e2e3e3 }
+ .terminal-1754273062-r1 { fill: #e0e0e0 }
+.terminal-1754273062-r2 { fill: #c5c8c6 }
+.terminal-1754273062-r3 { fill: #0178d4 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- FocusApp
+ FocusApp
-
-
-
-
-┌───────────┐
-││
-│BLURRED│
-││
-└───────────┘
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+┌───────────┐
+││
+│BLURRED│
+││
+└───────────┘
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg
index caa65f18f4..68bf266f46 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_fr.svg
@@ -19,141 +19,140 @@
font-weight: 700;
}
- .terminal-3141096165-matrix {
+ .terminal-3624987906-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3141096165-title {
+ .terminal-3624987906-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3141096165-r1 { fill: #00ffff }
-.terminal-3141096165-r2 { fill: #c5c8c6 }
-.terminal-3141096165-r3 { fill: #e1e1e1 }
-.terminal-3141096165-r4 { fill: #008000 }
-.terminal-3141096165-r5 { fill: #ff0000 }
-.terminal-3141096165-r6 { fill: #e1e1e1;font-weight: bold }
-.terminal-3141096165-r7 { fill: #dde6ed }
+ .terminal-3624987906-r1 { fill: #00ffff }
+.terminal-3624987906-r2 { fill: #c5c8c6 }
+.terminal-3624987906-r3 { fill: #e0e0e0 }
+.terminal-3624987906-r4 { fill: #008000 }
+.terminal-3624987906-r5 { fill: #ff0000 }
+.terminal-3624987906-r6 { fill: #e0e0e0;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- FRApp
+ FRApp
-
-
-
- ┌──────────────────────────────────────────────────────────────────────────────┐
-│┌────────────────────────────┐│
-││Hello one line ││
-││┌──────────────────────────┐││
-│││Widget#child│││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││└──────────────────────────┘││
-││││
-││Two││
-││Lines with 1x2 margin││
-││││
-│└────────────────────────────┘│
-└──────────────────────────────────────────────────────────────────────────────┘
+
+
+
+ ┌──────────────────────────────────────────────────────────────────────────────┐
+│┌────────────────────────────┐│
+││Hello one line ││
+││┌──────────────────────────┐││
+│││Widget#child│││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││└──────────────────────────┘││
+││││
+││Two││
+││Lines with 1x2 margin││
+││││
+│└────────────────────────────┘│
+└──────────────────────────────────────────────────────────────────────────────┘
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg
index 2deb324d80..fb1cc8b74e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid.svg
@@ -19,136 +19,135 @@
font-weight: 700;
}
- .terminal-33602368-matrix {
+ .terminal-3017971061-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-33602368-title {
+ .terminal-3017971061-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-33602368-r1 { fill: #008000 }
-.terminal-33602368-r2 { fill: #c5c8c6 }
-.terminal-33602368-r3 { fill: #e1e1e1 }
-.terminal-33602368-r4 { fill: #1e1e1e }
-.terminal-33602368-r5 { fill: #121212 }
-.terminal-33602368-r6 { fill: #e2e2e2 }
+ .terminal-3017971061-r1 { fill: #008000 }
+.terminal-3017971061-r2 { fill: #c5c8c6 }
+.terminal-3017971061-r3 { fill: #e0e0e0 }
+.terminal-3017971061-r4 { fill: #121212 }
+.terminal-3017971061-r5 { fill: #191919 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- GridApp
+ GridApp
-
-
-
- ┌──────────────────────────────────────────────────────────────────────────────┐
-│foo ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
-│▊▎│
-│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
-│Longer label▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
-│▊▎│
-│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
-└──────────────────────────────────────────────────────────────────────────────┘
-┌──────────────────────────────────────────────────────────────────────────────┐
-│foo▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
-│▊▎│
-│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
-│Longer label▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
-│▊▎│
-│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
-└──────────────────────────────────────────────────────────────────────────────┘
-┌──────────────────────────────────────────────────────────────────────────────┐
-│foo bar foo bar foo bar foo ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
-│bar foo bar foo bar foo bar ▊▎│
-│foo bar foo bar foo bar ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
-│Longer label ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
-│▊▎│
-│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
-└──────────────────────────────────────────────────────────────────────────────┘
+
+
+
+ ┌──────────────────────────────────────────────────────────────────────────────┐
+│foo ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
+│▊▎│
+│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
+│Longer label▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
+│▊▎│
+│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
+└──────────────────────────────────────────────────────────────────────────────┘
+┌──────────────────────────────────────────────────────────────────────────────┐
+│foo▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
+│▊▎│
+│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
+│Longer label▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
+│▊▎│
+│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
+└──────────────────────────────────────────────────────────────────────────────┘
+┌──────────────────────────────────────────────────────────────────────────────┐
+│foo bar foo bar foo bar foo ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
+│bar foo bar foo bar foo bar ▊▎│
+│foo bar foo bar foo bar ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
+│Longer label ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│
+│▊▎│
+│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│
+└──────────────────────────────────────────────────────────────────────────────┘
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg
index d7fcfbdf18..3a12f52a47 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg
@@ -19,138 +19,135 @@
font-weight: 700;
}
- .terminal-3709062841-matrix {
+ .terminal-2386001005-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3709062841-title {
+ .terminal-2386001005-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3709062841-r1 { fill: #c5c8c6 }
-.terminal-3709062841-r2 { fill: #e3e3e3 }
-.terminal-3709062841-r3 { fill: #e1e1e1 }
-.terminal-3709062841-r4 { fill: #ff0000 }
-.terminal-3709062841-r5 { fill: #fea62b;font-weight: bold }
-.terminal-3709062841-r6 { fill: #a7a9ab }
-.terminal-3709062841-r7 { fill: #e2e3e3 }
-.terminal-3709062841-r8 { fill: #4c5055 }
+ .terminal-2386001005-r1 { fill: #c5c8c6 }
+.terminal-2386001005-r2 { fill: #e0e0e0 }
+.terminal-2386001005-r3 { fill: #ff0000 }
+.terminal-2386001005-r4 { fill: #ffa62b;font-weight: bold }
+.terminal-2386001005-r5 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- GridHeightAuto
+ GridHeightAuto
-
-
-
- ⭘GridHeightAuto
-Here is some text before the grid
-┌──────────────────────────────────────────────────────────────────────────────┐
-│Cell #0 Cell #1 Cell #2 │
-│Cell #3 Cell #4 Cell #5 │
-│Cell #6 Cell #7 Cell #8 │
-└──────────────────────────────────────────────────────────────────────────────┘
-Here is some text after the grid
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- g Grid v Vertical h Horizontal c Container ▏^p palette
+
+
+
+ ⭘GridHeightAuto
+Here is some text before the grid
+┌──────────────────────────────────────────────────────────────────────────────┐
+│Cell #0 Cell #1 Cell #2 │
+│Cell #3 Cell #4 Cell #5 │
+│Cell #6 Cell #7 Cell #8 │
+└──────────────────────────────────────────────────────────────────────────────┘
+Here is some text after the grid
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ g Grid v Vertical h Horizontal c Container ▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg
index 66041863f1..7958145ff4 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_height_scrollbar.svg
@@ -19,137 +19,137 @@
font-weight: 700;
}
- .terminal-4291222395-matrix {
+ .terminal-681759183-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4291222395-title {
+ .terminal-681759183-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4291222395-r1 { fill: #e1e1e1 }
-.terminal-4291222395-r2 { fill: #c5c8c6 }
-.terminal-4291222395-r3 { fill: #ffffff }
-.terminal-4291222395-r4 { fill: #dde6ed;font-weight: bold }
-.terminal-4291222395-r5 { fill: #211505 }
-.terminal-4291222395-r6 { fill: #1e1e1e }
-.terminal-4291222395-r7 { fill: #23568b }
-.terminal-4291222395-r8 { fill: #dde6ed }
+ .terminal-681759183-r1 { fill: #e0e0e0 }
+.terminal-681759183-r2 { fill: #c5c8c6 }
+.terminal-681759183-r3 { fill: #ffffff }
+.terminal-681759183-r4 { fill: #e0e0e0;font-weight: bold }
+.terminal-681759183-r5 { fill: #ddedf9;font-weight: bold }
+.terminal-681759183-r6 { fill: #1e1e1e }
+.terminal-681759183-r7 { fill: #242f38 }
+.terminal-681759183-r8 { fill: #e0e5e8 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ExampleApp
+ ExampleApp
-
-
-
- automatic scrollbar
-┌──────────────────────────────────────────────────────────────────────────────┐
-│ Column 1 │
-│ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo│
-│▍│
-└──────────────────────────────────────────────────────────────────────────────┘
-no automatic scrollbar
-┌──────────────────────────────────────────────────────────────────────────────┐
-│ Column 1 Column 2 │
-│ Paul Jessica │
-└──────────────────────────────────────────────────────────────────────────────┘
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ automatic scrollbar
+┌──────────────────────────────────────────────────────────────────────────────┐
+│ Column 1 │
+│ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo│
+│▍│
+└──────────────────────────────────────────────────────────────────────────────┘
+no automatic scrollbar
+┌──────────────────────────────────────────────────────────────────────────────┐
+│ Column 1 Column 2 │
+│ Paul Jessica │
+└──────────────────────────────────────────────────────────────────────────────┘
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg
index 0d1ef0520c..345cafc7ef 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg
@@ -19,144 +19,141 @@
font-weight: 700;
}
- .terminal-304540857-matrix {
+ .terminal-1039107546-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-304540857-title {
+ .terminal-1039107546-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-304540857-r1 { fill: #c5c8c6 }
-.terminal-304540857-r2 { fill: #e1e1e1 }
-.terminal-304540857-r3 { fill: #f4005f }
-.terminal-304540857-r4 { fill: #98e024;font-weight: bold }
-.terminal-304540857-r5 { fill: #323232 }
-.terminal-304540857-r6 { fill: #0178d4 }
-.terminal-304540857-r7 { fill: #98e024 }
-.terminal-304540857-r8 { fill: #7ae998 }
-.terminal-304540857-r9 { fill: #4ebf71;font-weight: bold }
-.terminal-304540857-r10 { fill: #008139 }
-.terminal-304540857-r11 { fill: #fea62b;font-weight: bold }
-.terminal-304540857-r12 { fill: #a7a9ab }
-.terminal-304540857-r13 { fill: #e2e3e3 }
-.terminal-304540857-r14 { fill: #4c5055 }
+ .terminal-1039107546-r1 { fill: #c5c8c6 }
+.terminal-1039107546-r2 { fill: #e0e0e0 }
+.terminal-1039107546-r3 { fill: #f4005f }
+.terminal-1039107546-r4 { fill: #98e024 }
+.terminal-1039107546-r5 { fill: #262626 }
+.terminal-1039107546-r6 { fill: #1a3e59 }
+.terminal-1039107546-r7 { fill: #7ae998 }
+.terminal-1039107546-r8 { fill: #55c076;font-weight: bold }
+.terminal-1039107546-r9 { fill: #008139 }
+.terminal-1039107546-r10 { fill: #ffa62b;font-weight: bold }
+.terminal-1039107546-r11 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ExampleApp
+ ExampleApp
-
-
-
-
-Parent 1Parent 2
-━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-
-Child 2.1Child 2.2
-━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- Button 2.2
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
-
-
-
-
-
-
-
-
- space Focus button 2.2 ▏^p palette
+
+
+
+
+Parent 1Parent 2
+━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+
+Child 2.1Child 2.2
+━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ Button 2.2
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
+
+
+
+
+
+
+
+
+ space Focus button 2.2 ▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg
index eff538f1ce..9a438d682f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_table.svg
@@ -19,203 +19,203 @@
font-weight: 700;
}
- .terminal-691658502-matrix {
+ .terminal-546274821-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-691658502-title {
+ .terminal-546274821-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-691658502-r1 { fill: #c5c8c6 }
-.terminal-691658502-r2 { fill: #e3e3e3 }
-.terminal-691658502-r3 { fill: #004578 }
-.terminal-691658502-r4 { fill: #e1e1e1 }
-.terminal-691658502-r5 { fill: #632ca6 }
-.terminal-691658502-r6 { fill: #dde6ed;font-weight: bold }
-.terminal-691658502-r7 { fill: #1e1e1e }
-.terminal-691658502-r8 { fill: #14191f }
-.terminal-691658502-r9 { fill: #23568b }
+ .terminal-546274821-r1 { fill: #c5c8c6 }
+.terminal-546274821-r2 { fill: #e0e0e0 }
+.terminal-546274821-r3 { fill: #0178d4 }
+.terminal-546274821-r4 { fill: #632ca6 }
+.terminal-546274821-r5 { fill: #e0e0e0;font-weight: bold }
+.terminal-546274821-r6 { fill: #1e1e1e }
+.terminal-546274821-r7 { fill: #000000 }
+.terminal-546274821-r8 { fill: #121212 }
+.terminal-546274821-r9 { fill: #242f38 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ⭘MyApp
-╭──────────────────╮╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
-│ok ││test │
-│╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍││╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍│
-│││╭─ 0 ────────────────────────────────────────╮╭─ 1 ────────────────────────────────────────╮╭─ 2 ─│
-│││││││││
-││││ Foo Bar Baz ││ Foo Bar Baz ││ Foo │
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ▁▁││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ▁▁││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
-│││╰────────────────────────────────────────────╯╰────────────────────────────────────────────╯╰─────│
-│││▎│
-╰──────────────────╯╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
+
+
+
+ ⭘MyApp
+╭──────────────────╮╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│ok ││test │
+│╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍││╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍│
+│││╭─ 0 ────────────────────────────────────────╮╭─ 1 ────────────────────────────────────────╮╭─ 2 ─│
+│││││││││
+││││ Foo Bar Baz ││ Foo Bar Baz ││ Foo │
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ▁▁││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ▁▁││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+││││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCDEFGH 0123456789 IJKLMNOPQRSTUVWXYZ ││ ABCD│
+│││╰────────────────────────────────────────────╯╰────────────────────────────────────────────╯╰─────│
+│││▎│
+╰──────────────────╯╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg
index 4830da7676..f724c40f2f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg
@@ -19,140 +19,136 @@
font-weight: 700;
}
- .terminal-896659546-matrix {
+ .terminal-1403116696-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-896659546-title {
+ .terminal-1403116696-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-896659546-r1 { fill: #c5c8c6 }
-.terminal-896659546-r2 { fill: #e3e3e3 }
-.terminal-896659546-r3 { fill: #1e1e1e }
-.terminal-896659546-r4 { fill: #0178d4 }
-.terminal-896659546-r5 { fill: #e1e1e1 }
-.terminal-896659546-r6 { fill: #e2e2e2 }
-.terminal-896659546-r7 { fill: #e2e3e3 }
-.terminal-896659546-r8 { fill: #4c5055 }
-.terminal-896659546-r9 { fill: #fea62b;font-weight: bold }
-.terminal-896659546-r10 { fill: #a7a9ab }
+ .terminal-1403116696-r1 { fill: #c5c8c6 }
+.terminal-1403116696-r2 { fill: #e0e0e0 }
+.terminal-1403116696-r3 { fill: #121212 }
+.terminal-1403116696-r4 { fill: #0178d4 }
+.terminal-1403116696-r5 { fill: #495259 }
+.terminal-1403116696-r6 { fill: #ffa62b;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- InputWidthAutoApp
+ InputWidthAutoApp
-
-
-
- ⭘InputWidthAutoApp
-▊▔▔▔▔▔▔▔▔▔▔▎
-▊Hello▎
-▊▁▁▁▁▁▁▁▁▁▁▎
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-▏^p palette
+
+
+
+ ⭘InputWidthAutoApp
+▊▔▔▔▔▔▔▔▔▔▔▎
+▊Hello▎
+▊▁▁▁▁▁▁▁▁▁▁▎
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg
index e37daad3d7..b092dc62cd 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_background_tint.svg
@@ -19,134 +19,131 @@
font-weight: 700;
}
- .terminal-3859065499-matrix {
+ .terminal-2260509821-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3859065499-title {
+ .terminal-2260509821-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3859065499-r1 { fill: #e4e4ee }
-.terminal-3859065499-r2 { fill: #c5c8c6 }
-.terminal-3859065499-r3 { fill: #e4e2ec }
-.terminal-3859065499-r4 { fill: #e4e0ea }
-.terminal-3859065499-r5 { fill: #e4dde8 }
+ .terminal-2260509821-r1 { fill: #e0e0e0 }
+.terminal-2260509821-r2 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- BackgroundTintApp
+ BackgroundTintApp
-
+
-
- 0%
-
-
-
-
-
-33%
-
-
-
-
-
-66%
-
-
-
-
-
-100%
-
-
-
-
+
+ 0%
+
+
+
+
+
+33%
+
+
+
+
+
+66%
+
+
+
+
+
+100%
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg
index 5a76dffcd2..46cb1431fa 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_big_buttons.svg
@@ -19,135 +19,134 @@
font-weight: 700;
}
- .terminal-4093147427-matrix {
+ .terminal-504785275-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4093147427-title {
+ .terminal-504785275-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4093147427-r1 { fill: #454a50 }
-.terminal-4093147427-r2 { fill: #e1e1e1 }
-.terminal-4093147427-r3 { fill: #c5c8c6 }
-.terminal-4093147427-r4 { fill: #24292f;font-weight: bold }
-.terminal-4093147427-r5 { fill: #000000 }
-.terminal-4093147427-r6 { fill: #e2e3e3;font-weight: bold }
+ .terminal-504785275-r1 { fill: #2d2d2d }
+.terminal-504785275-r2 { fill: #e0e0e0 }
+.terminal-504785275-r3 { fill: #c5c8c6 }
+.terminal-504785275-r4 { fill: #272727;font-weight: bold }
+.terminal-504785275-r5 { fill: #0d0d0d }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ButtonApp
+ ButtonApp
-
-
-
- ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-
-
- Hello
-
-
-
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-
- Hello
- World !!
-
-
-
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
-
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+
+
+ Hello
+
+
+
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+
+ Hello
+ World !!
+
+
+
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg
index a18d750bde..c19241fa39 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg
@@ -19,140 +19,138 @@
font-weight: 700;
}
- .terminal-1834988790-matrix {
+ .terminal-1286298759-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1834988790-title {
+ .terminal-1286298759-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1834988790-r1 { fill: #008000 }
-.terminal-1834988790-r2 { fill: #c5c8c6 }
-.terminal-1834988790-r3 { fill: #e1e1e1 }
-.terminal-1834988790-r4 { fill: #1e1e1e }
-.terminal-1834988790-r5 { fill: #262626 }
-.terminal-1834988790-r6 { fill: #e2e2e2 }
-.terminal-1834988790-r7 { fill: #fea62b;font-weight: bold }
-.terminal-1834988790-r8 { fill: #a7a9ab }
-.terminal-1834988790-r9 { fill: #e2e3e3 }
-.terminal-1834988790-r10 { fill: #4c5055 }
+ .terminal-1286298759-r1 { fill: #008000 }
+.terminal-1286298759-r2 { fill: #c5c8c6 }
+.terminal-1286298759-r3 { fill: #e0e0e0 }
+.terminal-1286298759-r4 { fill: #121212 }
+.terminal-1286298759-r5 { fill: #191919 }
+.terminal-1286298759-r6 { fill: #1e1e1e }
+.terminal-1286298759-r7 { fill: #ffa62b;font-weight: bold }
+.terminal-1286298759-r8 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- BindApp
+ BindApp
-
-
-
- ┌──────────────────────────────────────────────────────────────────────────────┐
-│MyWidget│
-││
-││
-└──────────────────────────────────────────────────────────────────────────────┘
-▊▔▔▔▔▔▔▔▔▎
-▊▎
-▊▁▁▁▁▁▁▁▁▎
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- space Bell (Widget) a widget b widget c app ▏^p palette
+
+
+
+ ┌──────────────────────────────────────────────────────────────────────────────┐
+│MyWidget│
+││
+││
+└──────────────────────────────────────────────────────────────────────────────┘
+▊▔▔▔▔▔▔▔▔▎
+▊▎
+▊▁▁▁▁▁▁▁▁▎
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ space Bell (Widget) a widget b widget c app ▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg
index c9add5c566..2c5fcd570c 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg
@@ -19,136 +19,134 @@
font-weight: 700;
}
- .terminal-1311978254-matrix {
+ .terminal-2966741613-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1311978254-title {
+ .terminal-2966741613-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1311978254-r1 { fill: #e1e1e1 }
-.terminal-1311978254-r2 { fill: #c5c8c6 }
-.terminal-1311978254-r3 { fill: #fea62b;font-weight: bold }
-.terminal-1311978254-r4 { fill: #a7a9ab }
-.terminal-1311978254-r5 { fill: #e2e3e3 }
-.terminal-1311978254-r6 { fill: #4c5055 }
+ .terminal-2966741613-r1 { fill: #e0e0e0 }
+.terminal-2966741613-r2 { fill: #c5c8c6 }
+.terminal-2966741613-r3 { fill: #ffa62b;font-weight: bold }
+.terminal-2966741613-r4 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HideBindingApp
+ HideBindingApp
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- p Binding shown ▏^p palette
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ p Binding shown ▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg
index e4bf18e73c..263ddecee2 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_blur_on_disabled.svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-2658976077-matrix {
+ .terminal-938783234-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2658976077-title {
+ .terminal-938783234-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2658976077-r1 { fill: #1e1e1e }
-.terminal-2658976077-r2 { fill: #171717 }
-.terminal-2658976077-r3 { fill: #c5c8c6 }
-.terminal-2658976077-r4 { fill: #a7a7a7 }
-.terminal-2658976077-r5 { fill: #e1e1e1 }
+ .terminal-938783234-r1 { fill: #121212 }
+.terminal-938783234-r2 { fill: #141414 }
+.terminal-938783234-r3 { fill: #c5c8c6 }
+.terminal-938783234-r4 { fill: #a2a2a2 }
+.terminal-938783234-r5 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- BlurApp
+ BlurApp
-
-
-
- ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊foo ▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊foo ▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg
index 1843e17b1e..3a1dc2017e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_border_alpha.svg
@@ -19,137 +19,137 @@
font-weight: 700;
}
- .terminal-29072690-matrix {
+ .terminal-3439428772-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-29072690-title {
+ .terminal-3439428772-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-29072690-r1 { fill: #1e1e1e }
-.terminal-29072690-r2 { fill: #c5c8c6 }
-.terminal-29072690-r3 { fill: #e1e1e1 }
-.terminal-29072690-r4 { fill: #183118 }
-.terminal-29072690-r5 { fill: #124512 }
-.terminal-29072690-r6 { fill: #0c580c }
-.terminal-29072690-r7 { fill: #066c06 }
-.terminal-29072690-r8 { fill: #008000 }
+ .terminal-3439428772-r1 { fill: #121212 }
+.terminal-3439428772-r2 { fill: #c5c8c6 }
+.terminal-3439428772-r3 { fill: #e0e0e0 }
+.terminal-3439428772-r4 { fill: #0e280e }
+.terminal-3439428772-r5 { fill: #0a3e0a }
+.terminal-3439428772-r6 { fill: #075407 }
+.terminal-3439428772-r7 { fill: #036a03 }
+.terminal-3439428772-r8 { fill: #008000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- BorderAlphaApp
+ BorderAlphaApp
-
-
-
- ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-
-
-
-
+
+
+
+ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg
index 5c810d08e7..906fd93f1b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_outline.svg
@@ -19,133 +19,132 @@
font-weight: 700;
}
- .terminal-1229229535-matrix {
+ .terminal-1524924108-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1229229535-title {
+ .terminal-1524924108-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1229229535-r1 { fill: #ffffff }
-.terminal-1229229535-r2 { fill: #e1e1e1 }
-.terminal-1229229535-r3 { fill: #c5c8c6 }
-.terminal-1229229535-r4 { fill: #e2e3e3;font-weight: bold }
+ .terminal-1524924108-r1 { fill: #ffffff }
+.terminal-1524924108-r2 { fill: #e0e0e0 }
+.terminal-1524924108-r3 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ButtonIssue
+ ButtonIssue
-
-
-
- ┌──────────────┐
-│ Test │
-└──────────────┘
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ ┌──────────────┐
+│ Test │
+└──────────────┘
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg
index eabd05e04a..26c05f5ed4 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_widths.svg
@@ -19,136 +19,135 @@
font-weight: 700;
}
- .terminal-3701416180-matrix {
+ .terminal-2982546164-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3701416180-title {
+ .terminal-2982546164-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3701416180-r1 { fill: #ff0000 }
-.terminal-3701416180-r2 { fill: #e1e1e1 }
-.terminal-3701416180-r3 { fill: #c5c8c6 }
-.terminal-3701416180-r4 { fill: #454a50 }
-.terminal-3701416180-r5 { fill: #24292f;font-weight: bold }
-.terminal-3701416180-r6 { fill: #000000 }
-.terminal-3701416180-r7 { fill: #e2e3e3;font-weight: bold }
+ .terminal-2982546164-r1 { fill: #ff0000 }
+.terminal-2982546164-r2 { fill: #e0e0e0 }
+.terminal-2982546164-r3 { fill: #c5c8c6 }
+.terminal-2982546164-r4 { fill: #2d2d2d }
+.terminal-2982546164-r5 { fill: #272727;font-weight: bold }
+.terminal-2982546164-r6 { fill: #0d0d0d }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HorizontalWidthAutoApp
+ HorizontalWidthAutoApp
-
-
-
- ┌────────────────────────────┐
-│▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│
-│ This is a very wide button │
-│▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│
-└────────────────────────────┘
-┌────────────────────────────────────────────────────────┐
-│▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│
-│ This is a very wide button This is a very wide button │
-│▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│
-└────────────────────────────────────────────────────────┘
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ ┌────────────────────────────┐
+│▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│
+│ This is a very wide button │
+│▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│
+└────────────────────────────┘
+┌────────────────────────────────────────────────────────┐
+│▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔│
+│ This is a very wide button This is a very wide button │
+│▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁│
+└────────────────────────────────────────────────────────┘
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg
index c508a18efd..132c462303 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_console_markup.svg
@@ -19,141 +19,140 @@
font-weight: 700;
}
- .terminal-3060571111-matrix {
+ .terminal-1272216583-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3060571111-title {
+ .terminal-1272216583-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3060571111-r1 { fill: #454a50 }
-.terminal-3060571111-r2 { fill: #e1e1e1 }
-.terminal-3060571111-r3 { fill: #c5c8c6 }
-.terminal-3060571111-r4 { fill: #24292f;font-weight: bold }
-.terminal-3060571111-r5 { fill: #24292f;font-weight: bold;font-style: italic; }
-.terminal-3060571111-r6 { fill: #000000 }
-.terminal-3060571111-r7 { fill: #e2e3e3;font-weight: bold }
-.terminal-3060571111-r8 { fill: #f4005f;font-weight: bold;font-style: italic; }
-.terminal-3060571111-r9 { fill: #303336 }
-.terminal-3060571111-r10 { fill: #a7a7a7;font-weight: bold }
-.terminal-3060571111-r11 { fill: #620909;font-weight: bold;font-style: italic; }
-.terminal-3060571111-r12 { fill: #0f0f0f }
+ .terminal-1272216583-r1 { fill: #2d2d2d }
+.terminal-1272216583-r2 { fill: #e0e0e0 }
+.terminal-1272216583-r3 { fill: #c5c8c6 }
+.terminal-1272216583-r4 { fill: #272727;font-weight: bold }
+.terminal-1272216583-r5 { fill: #272727;font-weight: bold;font-style: italic; }
+.terminal-1272216583-r6 { fill: #0d0d0d }
+.terminal-1272216583-r7 { fill: #f4005f;font-style: italic; }
+.terminal-1272216583-r8 { fill: #1e1e1e }
+.terminal-1272216583-r9 { fill: #a2a2a2 }
+.terminal-1272216583-r10 { fill: #5f0505;font-style: italic; }
+.terminal-1272216583-r11 { fill: #0f0f0f }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ButtonsWithMarkupApp
+ ButtonsWithMarkupApp
-
-
-
- ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-Focused Button
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-Blurred Button
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-Disabled Button
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+Focused Button
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+Blurred Button
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+Disabled Button
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg
index cc5bf41bb9..5c5479962f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_button_with_multiline_label.svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-4065186018-matrix {
+ .terminal-1423164176-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4065186018-title {
+ .terminal-1423164176-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4065186018-r1 { fill: #454a50 }
-.terminal-4065186018-r2 { fill: #e1e1e1 }
-.terminal-4065186018-r3 { fill: #c5c8c6 }
-.terminal-4065186018-r4 { fill: #24292f;font-weight: bold }
-.terminal-4065186018-r5 { fill: #000000 }
+ .terminal-1423164176-r1 { fill: #2d2d2d }
+.terminal-1423164176-r2 { fill: #e0e0e0 }
+.terminal-1423164176-r3 { fill: #c5c8c6 }
+.terminal-1423164176-r4 { fill: #272727;font-weight: bold }
+.terminal-1423164176-r5 { fill: #0d0d0d }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ButtonWithMultilineLabelApp
+ ButtonWithMultilineLabelApp
-
-
-
- ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- Button
- with
- multi-line
- label
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ Button
+ with
+ multi-line
+ label
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg
index 4e3191c0bd..0b04376d4e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_buttons_render.svg
@@ -19,162 +19,162 @@
font-weight: 700;
}
- .terminal-1520326498-matrix {
+ .terminal-157291153-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1520326498-title {
+ .terminal-157291153-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1520326498-r1 { fill: #e1e1e1 }
-.terminal-1520326498-r2 { fill: #c5c8c6 }
-.terminal-1520326498-r3 { fill: #e1e1e1;font-weight: bold }
-.terminal-1520326498-r4 { fill: #454a50 }
-.terminal-1520326498-r5 { fill: #303336 }
-.terminal-1520326498-r6 { fill: #24292f;font-weight: bold }
-.terminal-1520326498-r7 { fill: #a7a7a7;font-weight: bold }
-.terminal-1520326498-r8 { fill: #000000 }
-.terminal-1520326498-r9 { fill: #0f0f0f }
-.terminal-1520326498-r10 { fill: #507bb3 }
-.terminal-1520326498-r11 { fill: #364b66 }
-.terminal-1520326498-r12 { fill: #dde6ed;font-weight: bold }
-.terminal-1520326498-r13 { fill: #a5a9ac;font-weight: bold }
-.terminal-1520326498-r14 { fill: #001541 }
-.terminal-1520326498-r15 { fill: #0f192e }
-.terminal-1520326498-r16 { fill: #7ae998 }
-.terminal-1520326498-r17 { fill: #4a8159 }
-.terminal-1520326498-r18 { fill: #0a180e;font-weight: bold }
-.terminal-1520326498-r19 { fill: #0e1510;font-weight: bold }
-.terminal-1520326498-r20 { fill: #008139 }
-.terminal-1520326498-r21 { fill: #0f4e2a }
-.terminal-1520326498-r22 { fill: #ffcf56 }
-.terminal-1520326498-r23 { fill: #8b7439 }
-.terminal-1520326498-r24 { fill: #211505;font-weight: bold }
-.terminal-1520326498-r25 { fill: #19140c;font-weight: bold }
-.terminal-1520326498-r26 { fill: #b86b00 }
-.terminal-1520326498-r27 { fill: #68430f }
-.terminal-1520326498-r28 { fill: #e76580 }
-.terminal-1520326498-r29 { fill: #80404d }
-.terminal-1520326498-r30 { fill: #f5e5e9;font-weight: bold }
-.terminal-1520326498-r31 { fill: #b0a8aa;font-weight: bold }
-.terminal-1520326498-r32 { fill: #780028 }
-.terminal-1520326498-r33 { fill: #4a0f22 }
+ .terminal-157291153-r1 { fill: #e0e0e0 }
+.terminal-157291153-r2 { fill: #c5c8c6 }
+.terminal-157291153-r3 { fill: #e0e0e0;font-weight: bold }
+.terminal-157291153-r4 { fill: #2d2d2d }
+.terminal-157291153-r5 { fill: #1e1e1e }
+.terminal-157291153-r6 { fill: #272727;font-weight: bold }
+.terminal-157291153-r7 { fill: #a2a2a2 }
+.terminal-157291153-r8 { fill: #0d0d0d }
+.terminal-157291153-r9 { fill: #0f0f0f }
+.terminal-157291153-r10 { fill: #6db2ff }
+.terminal-157291153-r11 { fill: #3e6085 }
+.terminal-157291153-r12 { fill: #ddedf9 }
+.terminal-157291153-r13 { fill: #a0a8ae }
+.terminal-157291153-r14 { fill: #004295 }
+.terminal-157291153-r15 { fill: #082951 }
+.terminal-157291153-r16 { fill: #7ae998 }
+.terminal-157291153-r17 { fill: #447b53 }
+.terminal-157291153-r18 { fill: #0a180e }
+.terminal-157291153-r19 { fill: #0a120c }
+.terminal-157291153-r20 { fill: #008139 }
+.terminal-157291153-r21 { fill: #084724 }
+.terminal-157291153-r22 { fill: #ffcf56 }
+.terminal-157291153-r23 { fill: #856e32 }
+.terminal-157291153-r24 { fill: #211505 }
+.terminal-157291153-r25 { fill: #150f08 }
+.terminal-157291153-r26 { fill: #b86b00 }
+.terminal-157291153-r27 { fill: #633d08 }
+.terminal-157291153-r28 { fill: #e76580 }
+.terminal-157291153-r29 { fill: #7a3a47 }
+.terminal-157291153-r30 { fill: #f5e5e9 }
+.terminal-157291153-r31 { fill: #aca4a6 }
+.terminal-157291153-r32 { fill: #780028 }
+.terminal-157291153-r33 { fill: #43081c }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ButtonsApp
+ ButtonsApp
-
-
-
-
-Standard ButtonsDisabled Buttons
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- Default Default
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- Primary! Primary!
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- Success! Success!
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- Warning! Warning!
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- Error! Error!
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
+
+
+
+
+Standard ButtonsDisabled Buttons
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ Default Default
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ Primary! Primary!
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ Success! Success!
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ Warning! Warning!
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ Error! Error!
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg
index 95fffc8f35..c54c85b73f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg
@@ -19,142 +19,140 @@
font-weight: 700;
}
- .terminal-1837619731-matrix {
+ .terminal-856343534-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1837619731-title {
+ .terminal-856343534-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1837619731-r1 { fill: #1e1e1e }
-.terminal-1837619731-r2 { fill: #0178d4 }
-.terminal-1837619731-r3 { fill: #c5c8c6 }
-.terminal-1837619731-r4 { fill: #787878 }
-.terminal-1837619731-r5 { fill: #e2e2e2 }
-.terminal-1837619731-r6 { fill: #121212 }
-.terminal-1837619731-r7 { fill: #e1e1e1 }
-.terminal-1837619731-r8 { fill: #262626 }
-.terminal-1837619731-r9 { fill: #e2e3e3 }
-.terminal-1837619731-r10 { fill: #4c5055 }
-.terminal-1837619731-r11 { fill: #fea62b;font-weight: bold }
-.terminal-1837619731-r12 { fill: #a7a9ab }
+ .terminal-856343534-r1 { fill: #121212 }
+.terminal-856343534-r2 { fill: #0178d4 }
+.terminal-856343534-r3 { fill: #c5c8c6 }
+.terminal-856343534-r4 { fill: #797979 }
+.terminal-856343534-r5 { fill: #e0e0e0 }
+.terminal-856343534-r6 { fill: #191919 }
+.terminal-856343534-r7 { fill: #737373 }
+.terminal-856343534-r8 { fill: #1e1e1e }
+.terminal-856343534-r9 { fill: #495259 }
+.terminal-856343534-r10 { fill: #ffa62b;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊First Name▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊Last Name▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▎
-▊▎
-▊▁▁▁▁▁▁▁▁▎
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-▏^p palette
+
+
+
+ ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊First Name▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊Last Name▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▎
+▊▎
+▊▁▁▁▁▁▁▁▁▎
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg
index 1c7c619a4c..300481f440 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg
@@ -19,145 +19,144 @@
font-weight: 700;
}
- .terminal-2974566302-matrix {
+ .terminal-3433971972-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2974566302-title {
+ .terminal-3433971972-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2974566302-r1 { fill: #e1e1e1 }
-.terminal-2974566302-r2 { fill: #c5c8c6 }
-.terminal-2974566302-r3 { fill: #1e1e1e }
-.terminal-2974566302-r4 { fill: #262626 }
-.terminal-2974566302-r5 { fill: #e2e2e2 }
-.terminal-2974566302-r6 { fill: #4a4a4a }
-.terminal-2974566302-r7 { fill: #2e2e2e;font-weight: bold }
-.terminal-2974566302-r8 { fill: #e3e3e3 }
-.terminal-2974566302-r9 { fill: #e3e3e3;font-weight: bold }
-.terminal-2974566302-r10 { fill: #f4005f }
-.terminal-2974566302-r11 { fill: #4ebf71;font-weight: bold }
-.terminal-2974566302-r12 { fill: #0178d4 }
-.terminal-2974566302-r13 { fill: #14191f }
-.terminal-2974566302-r14 { fill: #5d5d5d }
-.terminal-2974566302-r15 { fill: #e3e3e3;text-decoration: underline; }
+ .terminal-3433971972-r1 { fill: #e0e0e0 }
+.terminal-3433971972-r2 { fill: #c5c8c6 }
+.terminal-3433971972-r3 { fill: #121212 }
+.terminal-3433971972-r4 { fill: #1b1b1b }
+.terminal-3433971972-r5 { fill: #191919 }
+.terminal-3433971972-r6 { fill: #3b3b3b }
+.terminal-3433971972-r7 { fill: #1e1e1e;font-weight: bold }
+.terminal-3433971972-r8 { fill: #e0e0e0;font-weight: bold }
+.terminal-3433971972-r9 { fill: #f4005f }
+.terminal-3433971972-r10 { fill: #4ebf71;font-weight: bold }
+.terminal-3433971972-r11 { fill: #0178d4 }
+.terminal-3433971972-r12 { fill: #000000 }
+.terminal-3433971972-r13 { fill: #555555 }
+.terminal-3433971972-r14 { fill: #ddedf9;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CheckboxApp
+ CheckboxApp
-
-
-
-
-
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊▐X▌ Arrakis 😓▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊▐X▌ Caladan▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊▐X▌ Chusuk▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊▐X▌Giedi Prime▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▎
-▊▐X▌Ginaz▎
-▊▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎
-▊▐X▌ Grumman▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎▃▃
-▊▐X▌Kaitain▎
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+
+
+
+
+
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊▐X▌ Arrakis 😓▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊▐X▌ Caladan▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊▐X▌ Chusuk▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊▐X▌Giedi Prime▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▎
+▊▐X▌Ginaz▎
+▊▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎
+▊▐X▌ Grumman▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎▃▃
+▊▐X▌Kaitain▎
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg
index b56de7bb0b..08a8e88daf 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg
@@ -19,139 +19,136 @@
font-weight: 700;
}
- .terminal-1462435144-matrix {
+ .terminal-2293282472-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1462435144-title {
+ .terminal-2293282472-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1462435144-r1 { fill: #121212 }
-.terminal-1462435144-r2 { fill: #c5c8c6 }
-.terminal-1462435144-r3 { fill: #ddedf9 }
-.terminal-1462435144-r4 { fill: #e2e2e2 }
-.terminal-1462435144-r5 { fill: #e1e1e1 }
-.terminal-1462435144-r6 { fill: #fea62b;font-weight: bold }
-.terminal-1462435144-r7 { fill: #a7a9ab }
-.terminal-1462435144-r8 { fill: #e2e3e3 }
-.terminal-1462435144-r9 { fill: #4c5055 }
+ .terminal-2293282472-r1 { fill: #121212 }
+.terminal-2293282472-r2 { fill: #c5c8c6 }
+.terminal-2293282472-r3 { fill: #ddedf9 }
+.terminal-2293282472-r4 { fill: #e0e0e0 }
+.terminal-2293282472-r5 { fill: #ffa62b;font-weight: bold }
+.terminal-2293282472-r6 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CollapsibleApp
+ CollapsibleApp
-
-
-
- ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▶ Leto
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▶ Jessica
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▶ Paul
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- c Collapse All e Expand All ▏^p palette
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▶ Leto
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▶ Jessica
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▶ Paul
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ c Collapse All e Expand All ▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg
index 12ecbf8a5f..c5b442a347 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_custom_symbol.svg
@@ -19,134 +19,133 @@
font-weight: 700;
}
- .terminal-693385943-matrix {
+ .terminal-3827276181-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-693385943-title {
+ .terminal-3827276181-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-693385943-r1 { fill: #121212 }
-.terminal-693385943-r2 { fill: #c5c8c6 }
-.terminal-693385943-r3 { fill: #ddedf9 }
-.terminal-693385943-r4 { fill: #e2e2e2 }
-.terminal-693385943-r5 { fill: #e1e1e1 }
+ .terminal-3827276181-r1 { fill: #121212 }
+.terminal-3827276181-r2 { fill: #c5c8c6 }
+.terminal-3827276181-r3 { fill: #ddedf9 }
+.terminal-3827276181-r4 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CollapsibleApp
+ CollapsibleApp
-
-
-
- ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
->>> Togglev Toggle
-
-Hello, world.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+>>> Togglev Toggle
+
+Hello, world.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg
index 7051555a72..f0ab78a588 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg
@@ -19,141 +19,137 @@
font-weight: 700;
}
- .terminal-3191182536-matrix {
+ .terminal-523309977-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3191182536-title {
+ .terminal-523309977-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3191182536-r1 { fill: #c5c8c6 }
-.terminal-3191182536-r2 { fill: #e1e1e1 }
-.terminal-3191182536-r3 { fill: #121212 }
-.terminal-3191182536-r4 { fill: #e2e2e2 }
-.terminal-3191182536-r5 { fill: #23568b }
-.terminal-3191182536-r6 { fill: #1e1e1e }
-.terminal-3191182536-r7 { fill: #4ebf71;font-weight: bold }
-.terminal-3191182536-r8 { fill: #fea62b;font-weight: bold }
-.terminal-3191182536-r9 { fill: #a7a9ab }
-.terminal-3191182536-r10 { fill: #e2e3e3 }
-.terminal-3191182536-r11 { fill: #4c5055 }
+ .terminal-523309977-r1 { fill: #c5c8c6 }
+.terminal-523309977-r2 { fill: #e0e0e0 }
+.terminal-523309977-r3 { fill: #121212 }
+.terminal-523309977-r4 { fill: #242f38 }
+.terminal-523309977-r5 { fill: #0178d4;font-weight: bold }
+.terminal-523309977-r6 { fill: #ffa62b;font-weight: bold }
+.terminal-523309977-r7 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CollapsibleApp
+ CollapsibleApp
-
-
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▼ Jessica
-
-▂▂
-
-Lady Jessica
-
- Bene Gesserit and concubine of Leto, and mother of Paul and Alia.
-
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▼ Paul
-
-
-
-Paul Atreides
-
- Son of Leto and Jessica.
-
-
-
- c Collapse All e Expand All ▏^p palette
+
+
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▼ Jessica
+
+▂▂
+
+Lady Jessica
+
+Bene Gesserit and concubine of Leto, and mother of Paul and Alia.
+
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▼ Paul
+
+
+
+Paul Atreides
+
+Son of Leto and Jessica.
+
+
+
+ c Collapse All e Expand All ▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg
index 2a4926be45..11d99ba5c8 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_nested.svg
@@ -19,135 +19,133 @@
font-weight: 700;
}
- .terminal-2781425159-matrix {
+ .terminal-244655130-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2781425159-title {
+ .terminal-244655130-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2781425159-r1 { fill: #121212 }
-.terminal-2781425159-r2 { fill: #c5c8c6 }
-.terminal-2781425159-r3 { fill: #ddedf9 }
-.terminal-2781425159-r4 { fill: #e2e2e2 }
-.terminal-2781425159-r5 { fill: #e3e3e3 }
-.terminal-2781425159-r6 { fill: #e1e1e1 }
+ .terminal-244655130-r1 { fill: #121212 }
+.terminal-244655130-r2 { fill: #c5c8c6 }
+.terminal-244655130-r3 { fill: #ddedf9 }
+.terminal-244655130-r4 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CollapsibleApp
+ CollapsibleApp
-
-
-
- ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▼ Toggle
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▶ Toggle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▼ Toggle
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▶ Toggle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg
index 4e6d5e263e..b10383e3d1 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg
@@ -19,140 +19,137 @@
font-weight: 700;
}
- .terminal-4256359261-matrix {
+ .terminal-1515719583-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4256359261-title {
+ .terminal-1515719583-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4256359261-r1 { fill: #121212 }
-.terminal-4256359261-r2 { fill: #c5c8c6 }
-.terminal-4256359261-r3 { fill: #ddedf9 }
-.terminal-4256359261-r4 { fill: #e2e2e2 }
-.terminal-4256359261-r5 { fill: #4ebf71;font-weight: bold }
-.terminal-4256359261-r6 { fill: #e1e1e1 }
-.terminal-4256359261-r7 { fill: #fea62b;font-weight: bold }
-.terminal-4256359261-r8 { fill: #a7a9ab }
-.terminal-4256359261-r9 { fill: #e2e3e3 }
-.terminal-4256359261-r10 { fill: #4c5055 }
+ .terminal-1515719583-r1 { fill: #121212 }
+.terminal-1515719583-r2 { fill: #c5c8c6 }
+.terminal-1515719583-r3 { fill: #ddedf9 }
+.terminal-1515719583-r4 { fill: #e0e0e0 }
+.terminal-1515719583-r5 { fill: #0178d4;font-weight: bold }
+.terminal-1515719583-r6 { fill: #ffa62b;font-weight: bold }
+.terminal-1515719583-r7 { fill: #495259 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- 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 ▏^p palette
+
+
+
+ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▼ 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 ▏^p palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg
index c165ee6fe4..01d33e3341 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_columns_height.svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-4204346594-matrix {
+ .terminal-673638422-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4204346594-title {
+ .terminal-673638422-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4204346594-r1 { fill: #ff0000 }
-.terminal-4204346594-r2 { fill: #c5c8c6 }
-.terminal-4204346594-r3 { fill: #008000 }
-.terminal-4204346594-r4 { fill: #e1e1e1 }
+ .terminal-673638422-r1 { fill: #ff0000 }
+.terminal-673638422-r2 { fill: #c5c8c6 }
+.terminal-673638422-r3 { fill: #008000 }
+.terminal-673638422-r4 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HeightApp
+ HeightApp
-
-
-
- ┌──────────────────────────────────────────────────────────────────────────────┐
-│┌────────────────────┐┌────────────────┐┌──────────────────────┐│
-││As tall as container││This has default││I have a static height││
-││││height││││
-││││but a││││
-││││few lines││││
-│││└────────────────┘│││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-││││││
-│└────────────────────┘└──────────────────────┘│
-└──────────────────────────────────────────────────────────────────────────────┘
-
-
-
-
-
+
+
+
+ ┌──────────────────────────────────────────────────────────────────────────────┐
+│┌────────────────────┐┌────────────────┐┌──────────────────────┐│
+││As tall as container││This has default││I have a static height││
+││││height││││
+││││but a││││
+││││few lines││││
+│││└────────────────┘│││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+││││││
+│└────────────────────┘└──────────────────────┘│
+└──────────────────────────────────────────────────────────────────────────────┘
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg
index 95166b66ea..0815e57e3b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg
@@ -19,138 +19,137 @@
font-weight: 700;
}
- .terminal-3948438059-matrix {
+ .terminal-375849393-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3948438059-title {
+ .terminal-375849393-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3948438059-r1 { fill: #646464 }
-.terminal-3948438059-r2 { fill: #c5c8c6 }
-.terminal-3948438059-r3 { fill: #004578 }
-.terminal-3948438059-r4 { fill: #dfe1e2 }
-.terminal-3948438059-r5 { fill: #00ff00 }
-.terminal-3948438059-r6 { fill: #000000 }
-.terminal-3948438059-r7 { fill: #1e1e1e }
-.terminal-3948438059-r8 { fill: #dfe1e2;font-weight: bold }
-.terminal-3948438059-r9 { fill: #fea62b;font-weight: bold }
+ .terminal-375849393-r1 { fill: #646464 }
+.terminal-375849393-r2 { fill: #c5c8c6 }
+.terminal-375849393-r3 { fill: #0178d4 }
+.terminal-375849393-r4 { fill: #e0e0e0 }
+.terminal-375849393-r5 { fill: #00ff00 }
+.terminal-375849393-r6 { fill: #000000 }
+.terminal-375849393-r7 { fill: #121212 }
+.terminal-375849393-r8 { fill: #fea62b;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CommandPaletteApp
+ CommandPaletteApp
-
-
-
-
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-🔎A
-
-
- This is a test of this code 9
- This is a test of this code 8
- This is a test of this code 7
- This is a test of this code 6
- This is a test of this code 5
- This is a test of this code 4
- This is a test of this code 3
- This is a test of this code 2
- This is a test of this code 1
- This is a test of this code 0
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
+
+
+
+
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+🔎A
+
+
+ This is a test of this code 9
+ This is a test of this code 8
+ This is a test of this code 7
+ This is a test of this code 6
+ This is a test of this code 5
+ This is a test of this code 4
+ This is a test of this code 3
+ This is a test of this code 2
+ This is a test of this code 1
+ This is a test of this code 0
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg
index 3727fb2fb6..85cbac8aef 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg
@@ -19,138 +19,137 @@
font-weight: 700;
}
- .terminal-3950137090-matrix {
+ .terminal-3680050477-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3950137090-title {
+ .terminal-3680050477-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3950137090-r1 { fill: #646464 }
-.terminal-3950137090-r2 { fill: #c5c8c6 }
-.terminal-3950137090-r3 { fill: #004578 }
-.terminal-3950137090-r4 { fill: #dfe1e2 }
-.terminal-3950137090-r5 { fill: #00ff00 }
-.terminal-3950137090-r6 { fill: #000000 }
-.terminal-3950137090-r7 { fill: #1e1e1e }
-.terminal-3950137090-r8 { fill: #697278 }
-.terminal-3950137090-r9 { fill: #dfe1e2;font-weight: bold }
+ .terminal-3680050477-r1 { fill: #646464 }
+.terminal-3680050477-r2 { fill: #c5c8c6 }
+.terminal-3680050477-r3 { fill: #0178d4 }
+.terminal-3680050477-r4 { fill: #e0e0e0 }
+.terminal-3680050477-r5 { fill: #00ff00 }
+.terminal-3680050477-r6 { fill: #000000 }
+.terminal-3680050477-r7 { fill: #121212 }
+.terminal-3680050477-r8 { fill: #6d7479 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CommandPaletteApp
+ CommandPaletteApp
-
-
-
-
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-🔎Search for commands…
-
-
- This is a test of this code 0
- This is a test of this code 1
- This is a test of this code 2
- This is a test of this code 3
- This is a test of this code 4
- This is a test of this code 5
- This is a test of this code 6
- This is a test of this code 7
- This is a test of this code 8
- This is a test of this code 9
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-
-
-
-
+
+
+
+
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+🔎Search for commands…
+
+
+ This is a test of this code 0
+ This is a test of this code 1
+ This is a test of this code 2
+ This is a test of this code 3
+ This is a test of this code 4
+ This is a test of this code 5
+ This is a test of this code 6
+ This is a test of this code 7
+ This is a test of this code 8
+ This is a test of this code 9
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg
index 7b427fa736..8965c69f00 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg
@@ -19,131 +19,131 @@
font-weight: 700;
}
- .terminal-1600172249-matrix {
+ .terminal-67740577-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1600172249-title {
+ .terminal-67740577-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1600172249-r1 { fill: #e1e1e1 }
-.terminal-1600172249-r2 { fill: #c5c8c6 }
+ .terminal-67740577-r1 { fill: #e0e0e0 }
+.terminal-67740577-r2 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CPApp
+ CPApp
-
-
-
- Command palette test app
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Command palette test app
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg
index 7b427fa736..8965c69f00 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg
@@ -19,131 +19,131 @@
font-weight: 700;
}
- .terminal-1600172249-matrix {
+ .terminal-67740577-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1600172249-title {
+ .terminal-67740577-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1600172249-r1 { fill: #e1e1e1 }
-.terminal-1600172249-r2 { fill: #c5c8c6 }
+ .terminal-67740577-r1 { fill: #e0e0e0 }
+.terminal-67740577-r2 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- CPApp
+ CPApp
-
-
-
- Command palette test app
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Command palette test app
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg
index 9da9db84a4..d55638ed44 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_key_change.svg
@@ -19,136 +19,134 @@
font-weight: 700;
}
- .terminal-229419081-matrix {
+ .terminal-4132084552-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-229419081-title {
+ .terminal-4132084552-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-229419081-r1 { fill: #e1e1e1 }
-.terminal-229419081-r2 { fill: #c5c8c6 }
-.terminal-229419081-r3 { fill: #e2e3e3 }
-.terminal-229419081-r4 { fill: #4c5055 }
-.terminal-229419081-r5 { fill: #fea62b;font-weight: bold }
-.terminal-229419081-r6 { fill: #a7a9ab }
+ .terminal-4132084552-r1 { fill: #e0e0e0 }
+.terminal-4132084552-r2 { fill: #c5c8c6 }
+.terminal-4132084552-r3 { fill: #495259 }
+.terminal-4132084552-r4 { fill: #ffa62b;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- NewPaletteBindingApp
+ NewPaletteBindingApp
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-▏ctrl+\ palette
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+▏ctrl+\ palette
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg
index 4d9cce465e..5ae25c765f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_initial.svg
@@ -19,140 +19,137 @@
font-weight: 700;
}
- .terminal-3862623007-matrix {
+ .terminal-1395945174-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3862623007-title {
+ .terminal-1395945174-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3862623007-r1 { fill: #c5c8c6 }
-.terminal-3862623007-r2 { fill: #e1e1e1 }
-.terminal-3862623007-r3 { fill: #454a50 }
-.terminal-3862623007-r4 { fill: #24292f;font-weight: bold }
-.terminal-3862623007-r5 { fill: #e2e3e3;font-weight: bold }
-.terminal-3862623007-r6 { fill: #000000 }
-.terminal-3862623007-r7 { fill: #004578 }
-.terminal-3862623007-r8 { fill: #dde6ed;font-weight: bold }
-.terminal-3862623007-r9 { fill: #dde6ed }
-.terminal-3862623007-r10 { fill: #211505 }
-.terminal-3862623007-r11 { fill: #e2e3e3 }
+ .terminal-1395945174-r1 { fill: #c5c8c6 }
+.terminal-1395945174-r2 { fill: #e0e0e0 }
+.terminal-1395945174-r3 { fill: #2d2d2d }
+.terminal-1395945174-r4 { fill: #272727;font-weight: bold }
+.terminal-1395945174-r5 { fill: #0d0d0d }
+.terminal-1395945174-r6 { fill: #0178d4 }
+.terminal-1395945174-r7 { fill: #e0e0e0;font-weight: bold }
+.terminal-1395945174-r8 { fill: #e0e5e8 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ContentSwitcherApp
+ ContentSwitcherApp
-
-
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- DataTable Markdown
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-╭────────────────────────────────────────────────────────────────────╮
-│ Book Year │
-│ Dune 1965 │
-│ Dune Messiah 1969 │
-│ Children of Dune 1976 │
-│ God Emperor of Dune 1981 │
-│ Heretics of Dune 1984 │
-│ Chapterhouse: Dune 1985 │
-││
-││
-││
-││
-││
-││
-││
-││
-││
-││
-╰────────────────────────────────────────────────────────────────────╯
+
+
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ DataTable Markdown
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+╭────────────────────────────────────────────────────────────────────╮
+│ Book Year │
+│ Dune 1965 │
+│ Dune Messiah 1969 │
+│ Children of Dune 1976 │
+│ God Emperor of Dune 1981 │
+│ Heretics of Dune 1984 │
+│ Chapterhouse: Dune 1985 │
+││
+││
+││
+││
+││
+││
+││
+││
+││
+││
+╰────────────────────────────────────────────────────────────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg
index 72d171cfca..c973729295 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_content_switcher_example_switch.svg
@@ -19,243 +19,242 @@
font-weight: 700;
}
- .terminal-337890275-matrix {
+ .terminal-4173401871-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-337890275-title {
+ .terminal-4173401871-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-337890275-r1 { fill: #c5c8c6 }
-.terminal-337890275-r2 { fill: #e1e1e1 }
-.terminal-337890275-r3 { fill: #454a50 }
-.terminal-337890275-r4 { fill: #e2e3e3;font-weight: bold }
-.terminal-337890275-r5 { fill: #24292f;font-weight: bold }
-.terminal-337890275-r6 { fill: #000000 }
-.terminal-337890275-r7 { fill: #004578 }
-.terminal-337890275-r8 { fill: #e2e3e3 }
-.terminal-337890275-r9 { fill: #4ebf71;font-weight: bold }
-.terminal-337890275-r10 { fill: #ffff00;text-decoration: underline; }
+ .terminal-4173401871-r1 { fill: #c5c8c6 }
+.terminal-4173401871-r2 { fill: #e0e0e0 }
+.terminal-4173401871-r3 { fill: #2d2d2d }
+.terminal-4173401871-r4 { fill: #272727;font-weight: bold }
+.terminal-4173401871-r5 { fill: #0d0d0d }
+.terminal-4173401871-r6 { fill: #0178d4 }
+.terminal-4173401871-r7 { fill: #0178d4;font-weight: bold }
+.terminal-4173401871-r8 { fill: #ffff00;text-decoration: underline; }
+.terminal-4173401871-r9 { fill: #e0e0e0;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ContentSwitcherApp
+ ContentSwitcherApp
-
-
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
- DataTable Markdown
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-╭─────────────────────────────────────────╮
-││
-││
-│Three Flavours Cornetto│
-││
-│ The Three Flavours Cornetto trilogy │
-│ is an anthology series of British │
-│ comedic genre films directed by Edgar │
-│ Wright.│
-││
-││
-│Shaun of the Dead│
-││
-││
-│UK Release │
-│Flavour Date Director │
-│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
-│ Strawberry 2004-04-09 Edgar │
-│ Wright │
-││
-││
-││
-│Hot Fuzz│
-││
-││
-│UK Release │
-│Flavour Date Director │
-│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
-│ Classico 2007-02-17 Edgar Wright │
-││
-││
-││
-│The World's End│
-││
-││
-│UK Release │
-│FlavourDate Director │
-│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
-│ Mint 2013-07-19 Edgar Wright │
-││
-││
-││
-││
-││
-╰─────────────────────────────────────────╯
+
+
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+ DataTable Markdown
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+╭─────────────────────────────────────────╮
+││
+││
+│Three Flavours Cornetto│
+││
+│The Three Flavours Cornetto trilogy │
+│is an anthology series of British │
+│comedic genre films directed by Edgar│
+│Wright.│
+││
+││
+│Shaun of the Dead│
+││
+││
+│UK Release │
+│Flavour Date Director │
+│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
+│ Strawberry 2004-04-09 Edgar │
+│ Wright │
+││
+││
+││
+│Hot Fuzz│
+││
+││
+│UK Release │
+│Flavour Date Director │
+│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
+│ Classico 2007-02-17 Edgar Wright │
+││
+││
+││
+│The World's End│
+││
+││
+│UK Release │
+│FlavourDate Director │
+│ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ │
+│ Mint 2013-07-19 Edgar Wright │
+││
+││
+││
+││
+││
+╰─────────────────────────────────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg
index f5d367467f..361846e7a4 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading.svg
@@ -19,131 +19,131 @@
font-weight: 700;
}
- .terminal-3958682080-matrix {
+ .terminal-208512168-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3958682080-title {
+ .terminal-208512168-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3958682080-r1 { fill: #e1e1e1 }
-.terminal-3958682080-r2 { fill: #c5c8c6 }
+ .terminal-208512168-r1 { fill: #e0e0e0 }
+.terminal-208512168-r2 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HotReloadingApp
+ HotReloadingApp
-
-
-
- Hello, world!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Hello, world!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg
index f5d367467f..361846e7a4 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_hot_reloading_on_screen.svg
@@ -19,131 +19,131 @@
font-weight: 700;
}
- .terminal-3958682080-matrix {
+ .terminal-208512168-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3958682080-title {
+ .terminal-208512168-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3958682080-r1 { fill: #e1e1e1 }
-.terminal-3958682080-r2 { fill: #c5c8c6 }
+ .terminal-208512168-r1 { fill: #e0e0e0 }
+.terminal-208512168-r2 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HotReloadingApp
+ HotReloadingApp
-
-
-
- Hello, world!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Hello, world!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg
index 1d9dbc5109..4dcc612d5c 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-4107518032-matrix {
+ .terminal-3866865046-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4107518032-title {
+ .terminal-3866865046-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4107518032-r1 { fill: #e1e1e1 }
-.terminal-4107518032-r2 { fill: #c5c8c6 }
-.terminal-4107518032-r3 { fill: #ffffff }
-.terminal-4107518032-r4 { fill: #e5f2e5 }
-.terminal-4107518032-r5 { fill: #e5f2e5;font-weight: bold }
+ .terminal-3866865046-r1 { fill: #e0e0e0 }
+.terminal-3866865046-r2 { fill: #c5c8c6 }
+.terminal-3866865046-r3 { fill: #ffffff }
+.terminal-3866865046-r4 { fill: #e5f2e5 }
+.terminal-3866865046-r5 { fill: #e5f2e5;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AlignApp
+ AlignApp
-
-
-
-
-
-
-
-
-
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┃Vertical alignment with Textual┃
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃
-┃Take note, browsers.┃
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┃Vertical alignment with Textual┃
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃
+┃Take note, browsers.┃
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg
index 42dcd43a0f..710fe5d178 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[align_all.py].svg
@@ -19,135 +19,133 @@
font-weight: 700;
}
- .terminal-800662067-matrix {
+ .terminal-3624294643-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-800662067-title {
+ .terminal-3624294643-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-800662067-r1 { fill: #808080 }
-.terminal-800662067-r2 { fill: #e1e1e1 }
-.terminal-800662067-r3 { fill: #c5c8c6 }
-.terminal-800662067-r4 { fill: #ddedf9 }
-.terminal-800662067-r5 { fill: #e2e2e2 }
+ .terminal-3624294643-r1 { fill: #808080 }
+.terminal-3624294643-r2 { fill: #e0e0e0 }
+.terminal-3624294643-r3 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AlignAllApp
+ AlignAllApp
-
-
-
- ┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐
-│left top││center top││right top│
-││││││
-││││││
-││││││
-││││││
-└────────────────────────┘└────────────────────────┘└────────────────────────┘
-
-┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐
-││││││
-││││││
-│left middle││center middle││right middle│
-││││││
-││││││
-└────────────────────────┘└────────────────────────┘└────────────────────────┘
-
-┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐
-││││││
-││││││
-││││││
-││││││
-││││││
-│left bottom││center bottom││right bottom│
-└────────────────────────┘└────────────────────────┘└────────────────────────┘
+
+
+
+ ┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐
+│left top││center top││right top│
+││││││
+││││││
+││││││
+││││││
+└────────────────────────┘└────────────────────────┘└────────────────────────┘
+
+┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐
+││││││
+││││││
+│left middle││center middle││right middle│
+││││││
+││││││
+└────────────────────────┘└────────────────────────┘└────────────────────────┘
+
+┌────────────────────────┐┌────────────────────────┐┌────────────────────────┐
+││││││
+││││││
+││││││
+││││││
+││││││
+│left bottom││center bottom││right bottom│
+└────────────────────────┘└────────────────────────┘└────────────────────────┘
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg
index 0617ea714b..de24cf7c2f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[background_tint.py].svg
@@ -1,4 +1,4 @@
-
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg
index 5f5d0ed5d8..fc4c0aa00c 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[display.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-2110623858-matrix {
+ .terminal-2506131462-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2110623858-title {
+ .terminal-2506131462-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2110623858-r1 { fill: #0000ff }
-.terminal-2110623858-r2 { fill: #c5c8c6 }
-.terminal-2110623858-r3 { fill: #ddeedd }
+ .terminal-2506131462-r1 { fill: #0000ff }
+.terminal-2506131462-r2 { fill: #c5c8c6 }
+.terminal-2506131462-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- DisplayApp
+ DisplayApp
-
+
-
- ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃Widget 1┃
-┃┃
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃Widget 3┃
-┃┃
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃Widget 1┃
+┃┃
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃Widget 3┃
+┃┃
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg
index 8ecd031cb8..d70f5742a1 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[dock_all.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-766040431-matrix {
+ .terminal-4231440271-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-766040431-title {
+ .terminal-4231440271-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-766040431-r1 { fill: #e1e1e1 }
-.terminal-766040431-r2 { fill: #c5c8c6 }
-.terminal-766040431-r3 { fill: #ffffff }
+ .terminal-4231440271-r1 { fill: #e0e0e0 }
+.terminal-4231440271-r2 { fill: #c5c8c6 }
+.terminal-4231440271-r3 { fill: #ffffff }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- DockAllApp
+ DockAllApp
-
-
-
-
-
-
-╭──────────────────────────────────────────────────────────╮
-│ top │
-││
-││
-││
-││
-││
-││
-│left right│
-││
-││
-││
-││
-││
-││
-││
-│ bottom │
-╰──────────────────────────────────────────────────────────╯
-
-
+
+
+
+
+
+
+╭──────────────────────────────────────────────────────────╮
+│ top │
+││
+││
+││
+││
+││
+││
+│left right│
+││
+││
+││
+││
+││
+││
+││
+│ bottom │
+╰──────────────────────────────────────────────────────────╯
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg
index 4791efebd1..eb8e0cc51d 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-3791676016-matrix {
+ .terminal-2213235336-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3791676016-title {
+ .terminal-2213235336-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3791676016-r1 { fill: #c5c8c6 }
-.terminal-3791676016-r2 { fill: #e1e1e1 }
-.terminal-3791676016-r3 { fill: #731077 }
-.terminal-3791676016-r4 { fill: #161c1d }
+ .terminal-2213235336-r1 { fill: #c5c8c6 }
+.terminal-2213235336-r2 { fill: #e0e0e0 }
+.terminal-2213235336-r3 { fill: #660066 }
+.terminal-2213235336-r4 { fill: #000000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- GridApp
+ GridApp
-
-
-
-
-Grid cell 1Grid cell 2
-
-row-span: 3;
-column-span: 2;
-
-
-Grid cell 3
-
-
-
-
-
-Grid cell 4
-
-
-
-
-
-Grid cell 5Grid cell 6Grid cell 7
-
-
-
+
+
+
+
+Grid cell 1Grid cell 2
+
+row-span: 3;
+column-span: 2;
+
+
+Grid cell 3
+
+
+
+
+
+Grid cell 4
+
+
+
+
+
+Grid cell 5Grid cell 6Grid cell 7
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg
index c8f40e989a..99b1ca284a 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_columns.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-3072634976-matrix {
+ .terminal-735522680-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3072634976-title {
+ .terminal-735522680-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3072634976-r1 { fill: #ffffff }
-.terminal-3072634976-r2 { fill: #c5c8c6 }
-.terminal-3072634976-r3 { fill: #e1e1e1 }
+ .terminal-735522680-r1 { fill: #ffffff }
+.terminal-735522680-r2 { fill: #c5c8c6 }
+.terminal-735522680-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮
-│1fr││width = 16││2fr││1fr││width = 16│
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯
-╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮
-│1fr││width = 16││2fr││1fr││width = 16│
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-││││││││││
-╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯
+
+
+
+ ╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮
+│1fr││width = 16││2fr││1fr││width = 16│
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯
+╭──────────╮╭──────────────╮╭──────────────────────╮╭──────────╮╭──────────────╮
+│1fr││width = 16││2fr││1fr││width = 16│
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+││││││││││
+╰──────────╯╰──────────────╯╰──────────────────────╯╰──────────╯╰──────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg
index 46a3f0fa38..6ff1a8a182 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_gutter.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-3574968865-matrix {
+ .terminal-1108503223-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3574968865-title {
+ .terminal-1108503223-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3574968865-r1 { fill: #ffffff }
-.terminal-3574968865-r2 { fill: #e1e1e1 }
-.terminal-3574968865-r3 { fill: #c5c8c6 }
+ .terminal-1108503223-r1 { fill: #ffffff }
+.terminal-1108503223-r2 { fill: #e0e0e0 }
+.terminal-1108503223-r3 { fill: #c5c8c6 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ╭─────────────────────────────────────╮╭─────────────────────────────────────╮
-││││
-│1││2│
-││││
-╰─────────────────────────────────────╯╰─────────────────────────────────────╯
-
-╭─────────────────────────────────────╮╭─────────────────────────────────────╮
-││││
-│3││4│
-││││
-╰─────────────────────────────────────╯╰─────────────────────────────────────╯
-
-╭─────────────────────────────────────╮╭─────────────────────────────────────╮
-││││
-│5││6│
-││││
-╰─────────────────────────────────────╯╰─────────────────────────────────────╯
-
-╭─────────────────────────────────────╮╭─────────────────────────────────────╮
-││││
-│7││8│
-││││
-││││
-╰─────────────────────────────────────╯╰─────────────────────────────────────╯
+
+
+
+ ╭─────────────────────────────────────╮╭─────────────────────────────────────╮
+││││
+│1││2│
+││││
+╰─────────────────────────────────────╯╰─────────────────────────────────────╯
+
+╭─────────────────────────────────────╮╭─────────────────────────────────────╮
+││││
+│3││4│
+││││
+╰─────────────────────────────────────╯╰─────────────────────────────────────╯
+
+╭─────────────────────────────────────╮╭─────────────────────────────────────╮
+││││
+│5││6│
+││││
+╰─────────────────────────────────────╯╰─────────────────────────────────────╯
+
+╭─────────────────────────────────────╮╭─────────────────────────────────────╮
+││││
+│7││8│
+││││
+││││
+╰─────────────────────────────────────╯╰─────────────────────────────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg
index 6d523cf260..41cfd4e712 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_rows.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-3421668871-matrix {
+ .terminal-2189775119-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3421668871-title {
+ .terminal-2189775119-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3421668871-r1 { fill: #ffffff }
-.terminal-3421668871-r2 { fill: #c5c8c6 }
-.terminal-3421668871-r3 { fill: #e1e1e1 }
+ .terminal-2189775119-r1 { fill: #ffffff }
+.terminal-2189775119-r2 { fill: #c5c8c6 }
+.terminal-2189775119-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-│1fr││1fr│
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-││││
-│height = 6││height = 6│
-││││
-││││
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-││││
-│25%││25%│
-││││
-││││
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-│1fr││1fr│
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-││││
-│height = 6││height = 6│
-││││
-││││
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+
+
+
+ ╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+│1fr││1fr│
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+││││
+│height = 6││height = 6│
+││││
+││││
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+││││
+│25%││25%│
+││││
+││││
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+│1fr││1fr│
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+││││
+│height = 6││height = 6│
+││││
+││││
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg
index 449f34e217..72684b71f4 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_both.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-4060527209-matrix {
+ .terminal-611225555-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4060527209-title {
+ .terminal-611225555-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4060527209-r1 { fill: #ffffff }
-.terminal-4060527209-r2 { fill: #c5c8c6 }
-.terminal-4060527209-r3 { fill: #e1e1e1 }
+ .terminal-611225555-r1 { fill: #ffffff }
+.terminal-611225555-r2 { fill: #c5c8c6 }
+.terminal-611225555-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-││││
-│1││2│
-││││
-││││
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-││││
-│3││4│
-││││
-││││
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮
-││
-│5│
-││
-││
-╰──────────────────────────────────────╯
-
-
-
-
-
+
+
+
+ ╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+││││
+│1││2│
+││││
+││││
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+││││
+│3││4│
+││││
+││││
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮
+││
+│5│
+││
+││
+╰──────────────────────────────────────╯
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg
index 4c1ba0406c..1b50293bbf 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[grid_size_columns.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-1640924670-matrix {
+ .terminal-351227878-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1640924670-title {
+ .terminal-351227878-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1640924670-r1 { fill: #ffffff }
-.terminal-1640924670-r2 { fill: #c5c8c6 }
-.terminal-1640924670-r3 { fill: #e1e1e1 }
+ .terminal-351227878-r1 { fill: #ffffff }
+.terminal-351227878-r2 { fill: #c5c8c6 }
+.terminal-351227878-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
- ╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-││││
-││││
-│1││2│
-││││
-││││
-││││
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮╭──────────────────────────────────────╮
-││││
-││││
-│3││4│
-││││
-││││
-││││
-╰──────────────────────────────────────╯╰──────────────────────────────────────╯
-╭──────────────────────────────────────╮
-││
-││
-│5│
-││
-││
-││
-╰──────────────────────────────────────╯
+
+
+
+ ╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+││││
+││││
+│1││2│
+││││
+││││
+││││
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮╭──────────────────────────────────────╮
+││││
+││││
+│3││4│
+││││
+││││
+││││
+╰──────────────────────────────────────╯╰──────────────────────────────────────╯
+╭──────────────────────────────────────╮
+││
+││
+│5│
+││
+││
+││
+╰──────────────────────────────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg
index 743bbc4346..ea1737f242 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[hatch.py].svg
@@ -19,138 +19,138 @@
font-weight: 700;
}
- .terminal-791754898-matrix {
+ .terminal-742394316-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-791754898-title {
+ .terminal-742394316-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-791754898-r1 { fill: #fea62b }
-.terminal-791754898-r2 { fill: #c5c8c6 }
-.terminal-791754898-r3 { fill: #e1e1e1 }
-.terminal-791754898-r4 { fill: #4ebf71 }
-.terminal-791754898-r5 { fill: #449e60 }
-.terminal-791754898-r6 { fill: #3a7e4f }
-.terminal-791754898-r7 { fill: #315e3f }
-.terminal-791754898-r8 { fill: #273e2e }
+ .terminal-742394316-r1 { fill: #004578 }
+.terminal-742394316-r2 { fill: #c5c8c6 }
+.terminal-742394316-r3 { fill: #e0e0e0 }
+.terminal-742394316-r4 { fill: #4ebf71 }
+.terminal-742394316-r5 { fill: #429c5e }
+.terminal-742394316-r6 { fill: #36794b }
+.terminal-742394316-r7 { fill: #2a5738 }
+.terminal-742394316-r8 { fill: #1e3425 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HatchApp
+ HatchApp
-
-
-
- ┌─ cross ──────┐┌─ horizontal ─┐┌─ custom ─────┐┌─ left ───────┐┌─ right ──────┐
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
-└──────────────┘└──────────────┘└──────────────┘└──────────────┘└──────────────┘
+
+
+
+ ┌─ cross ──────┐┌─ horizontal ─┐┌─ custom ─────┐┌─ left ───────┐┌─ right ──────┐
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+│╳╳╳╳╳╳╳╳╳╳╳╳╳╳││──────────────││TTTTTTTTTTTTTT││╲╲╲╲╲╲╲╲╲╲╲╲╲╲││╱╱╱╱╱╱╱╱╱╱╱╱╱╱│
+└──────────────┘└──────────────┘└──────────────┘└──────────────┘└──────────────┘
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg
index 81991b5099..c90dc3a701 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-3614144091-matrix {
+ .terminal-697855935-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3614144091-title {
+ .terminal-697855935-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3614144091-r1 { fill: #ffffff }
-.terminal-3614144091-r2 { fill: #c5c8c6 }
-.terminal-3614144091-r3 { fill: #e1e1e1 }
+ .terminal-697855935-r1 { fill: #ffffff }
+.terminal-697855935-r2 { fill: #c5c8c6 }
+.terminal-697855935-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HeightApp
+ HeightApp
-
-
-
- Widget
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Widget
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg
index 2249581009..e18f5a815e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[height_comparison.py].svg
@@ -19,141 +19,141 @@
font-weight: 700;
}
- .terminal-3573285936-matrix {
+ .terminal-1085278600-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3573285936-title {
+ .terminal-1085278600-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3573285936-r1 { fill: #c5c8c6 }
-.terminal-3573285936-r2 { fill: #e8e0e7 }
-.terminal-3573285936-r3 { fill: #ddedf9 }
-.terminal-3573285936-r4 { fill: #eae3e5 }
-.terminal-3573285936-r5 { fill: #ede6e6 }
-.terminal-3573285936-r6 { fill: #efe9e4 }
-.terminal-3573285936-r7 { fill: #efeedf }
-.terminal-3573285936-r8 { fill: #e9eee5 }
-.terminal-3573285936-r9 { fill: #e4eee8 }
-.terminal-3573285936-r10 { fill: #e2edeb }
-.terminal-3573285936-r11 { fill: #dfebed }
+ .terminal-1085278600-r1 { fill: #c5c8c6 }
+.terminal-1085278600-r2 { fill: #e7e0e6 }
+.terminal-1085278600-r3 { fill: #e0e0e0 }
+.terminal-1085278600-r4 { fill: #eae2e4 }
+.terminal-1085278600-r5 { fill: #ece5e5 }
+.terminal-1085278600-r6 { fill: #eee8e3 }
+.terminal-1085278600-r7 { fill: #eeeddf }
+.terminal-1085278600-r8 { fill: #e8ede4 }
+.terminal-1085278600-r9 { fill: #e3ede7 }
+.terminal-1085278600-r10 { fill: #e1eceb }
+.terminal-1085278600-r11 { fill: #dfebec }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- HeightComparisonApp
+ HeightComparisonApp
-
-
-
- #cells·
-·
-·
-#percent·
-•
-·
-#w·
-·
-·
-•
-#h·
-·
-·
-·
-#vw•
-·
-·
-·
-#vh·
-•
-#auto·
-#fr1·
-#fr2·
-·
+
+
+
+ #cells·
+·
+·
+#percent·
+•
+·
+#w·
+·
+·
+•
+#h·
+·
+·
+·
+#vw•
+·
+·
+·
+#vh·
+•
+#auto·
+#fr1·
+#fr2·
+·
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg
index 984905f97c..4cfc1c8d38 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline.py].svg
@@ -19,136 +19,136 @@
font-weight: 700;
}
- .terminal-1885421407-matrix {
+ .terminal-2446657206-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1885421407-title {
+ .terminal-2446657206-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1885421407-r1 { fill: #c5c8c6 }
-.terminal-1885421407-r2 { fill: #008000 }
-.terminal-1885421407-r3 { fill: #e8e0e7 }
-.terminal-1885421407-r4 { fill: #eae3e5 }
-.terminal-1885421407-r5 { fill: #1e1e1e }
-.terminal-1885421407-r6 { fill: #ede6e6 }
-.terminal-1885421407-r7 { fill: #efeedf }
+ .terminal-2446657206-r1 { fill: #c5c8c6 }
+.terminal-2446657206-r2 { fill: #008000 }
+.terminal-2446657206-r3 { fill: #e7e0e6 }
+.terminal-2446657206-r4 { fill: #eae2e4 }
+.terminal-2446657206-r5 { fill: #121212 }
+.terminal-2446657206-r6 { fill: #ece5e5 }
+.terminal-2446657206-r7 { fill: #eeeddf }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- KeylineApp
+ KeylineApp
-
-
-
-
-
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃┃┃
-┃┃┃
-┃#foo┃┃
-┃┃┃
-┃┃┃
-┣━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━┫#bar┃
-┃┃┃┃
-┃┃┃┃
-┃Placeholder┃┃┃
-┃┃┃┃
-┃┃┃┃
-┣━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━┫
-┃┃
-┃┃
-┃#baz┃
-┃┃
-┃┃
-┃┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
+
+
+
+
+
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃┃┃
+┃┃┃
+┃#foo┃┃
+┃┃┃
+┃┃┃
+┣━━━━━━━━━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━━━━━━━━┫#bar┃
+┃┃┃┃
+┃┃┃┃
+┃Placeholder┃┃┃
+┃┃┃┃
+┃┃┃┃
+┣━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━┻━━━━━━━━━━━━━━━━━━━━━━━━┫
+┃┃
+┃┃
+┃#baz┃
+┃┃
+┃┃
+┃┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg
index 9be8fec043..8dae544cc7 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[keyline_horizontal.py].svg
@@ -19,135 +19,135 @@
font-weight: 700;
}
- .terminal-1481807543-matrix {
+ .terminal-3023374911-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1481807543-title {
+ .terminal-3023374911-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1481807543-r1 { fill: #fea62b }
-.terminal-1481807543-r2 { fill: #c5c8c6 }
-.terminal-1481807543-r3 { fill: #e8e0e7 }
-.terminal-1481807543-r4 { fill: #eae3e5 }
-.terminal-1481807543-r5 { fill: #ede6e6 }
+ .terminal-3023374911-r1 { fill: #004578 }
+.terminal-3023374911-r2 { fill: #c5c8c6 }
+.terminal-3023374911-r3 { fill: #e7e0e6 }
+.terminal-3023374911-r4 { fill: #eae2e4 }
+.terminal-3023374911-r5 { fill: #ece5e5 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- KeylineApp
+ KeylineApp
-
-
-
- ┌─────────────────────────┬─────────────────────────┬──────────────────────────┐
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-│Placeholder│Placeholder│Placeholder│
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-││││
-└─────────────────────────┴─────────────────────────┴──────────────────────────┘
+
+
+
+ ┌─────────────────────────┬─────────────────────────┬──────────────────────────┐
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+│Placeholder│Placeholder│Placeholder│
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+││││
+└─────────────────────────┴─────────────────────────┴──────────────────────────┘
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg
index c994a65259..6d92a409d2 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[layout.py].svg
@@ -19,134 +19,132 @@
font-weight: 700;
}
- .terminal-17876085-matrix {
+ .terminal-2854924863-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-17876085-title {
+ .terminal-2854924863-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-17876085-r1 { fill: #efddef }
-.terminal-17876085-r2 { fill: #c5c8c6 }
-.terminal-17876085-r3 { fill: #000000 }
-.terminal-17876085-r4 { fill: #ddefef }
-.terminal-17876085-r5 { fill: #e1e1e1 }
+ .terminal-2854924863-r1 { fill: #e0e0e0 }
+.terminal-2854924863-r2 { fill: #c5c8c6 }
+.terminal-2854924863-r3 { fill: #000000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LayoutApp
+ LayoutApp
-
-
-
-
-Layout
-
-Is
-
-Vertical
-
-
-LayoutIsHorizontal
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+Layout
+
+Is
+
+Vertical
+
+
+LayoutIsHorizontal
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg
index 63a0871d73..d83a56ccde 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-3791839841-matrix {
+ .terminal-2634535760-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3791839841-title {
+ .terminal-2634535760-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3791839841-r1 { fill: #e1e1e1 }
-.terminal-3791839841-r2 { fill: #c5c8c6 }
-.terminal-3791839841-r3 { fill: #ffdddd;text-decoration: underline; }
-.terminal-3791839841-r4 { fill: #121201;text-decoration: underline; }
-.terminal-3791839841-r5 { fill: #ddedf9;text-decoration: underline; }
+ .terminal-2634535760-r1 { fill: #e0e0e0 }
+.terminal-2634535760-r2 { fill: #c5c8c6 }
+.terminal-2634535760-r3 { fill: #ffdddd;text-decoration: underline; }
+.terminal-2634535760-r4 { fill: #efefdf;text-decoration: underline; }
+.terminal-2634535760-r5 { fill: #211505;text-decoration: underline; }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LinkBackgroundApp
+ LinkBackgroundApp
-
-
-
- Visit the Textualize website.
-Click here for the bell sound.
-You can also click here for the bell sound.
-Exit this application.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Visit the Textualize website.
+Click here for the bell sound.
+You can also click here for the bell sound.
+Exit this application.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg
index 42d1c19bfc..d9f6a5f0a8 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_background_hover.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-213509332-matrix {
+ .terminal-1281938369-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-213509332-title {
+ .terminal-1281938369-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-213509332-r1 { fill: #e1e1e1 }
-.terminal-213509332-r2 { fill: #c5c8c6 }
-.terminal-213509332-r3 { fill: #e1e1e1;text-decoration: underline; }
+ .terminal-1281938369-r1 { fill: #e0e0e0 }
+.terminal-1281938369-r2 { fill: #c5c8c6 }
+.terminal-1281938369-r3 { fill: #e0e0e0;text-decoration: underline; }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LinkHoverBackgroundApp
+ LinkHoverBackgroundApp
-
-
-
- Visit the Textualize website.
-Click here for the bell sound.
-You can also click here for the bell sound.
-Exit this application.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Visit the Textualize website.
+Click here for the bell sound.
+You can also click here for the bell sound.
+Exit this application.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg
index edf6054984..51de9ac98b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-1781128917-matrix {
+ .terminal-1542508026-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1781128917-title {
+ .terminal-1542508026-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1781128917-r1 { fill: #e1e1e1 }
-.terminal-1781128917-r2 { fill: #c5c8c6 }
-.terminal-1781128917-r3 { fill: #ff0000;text-decoration: underline; }
-.terminal-1781128917-r4 { fill: #8e8e0f;text-decoration: underline; }
-.terminal-1781128917-r5 { fill: #0178d4;text-decoration: underline; }
+ .terminal-1542508026-r1 { fill: #e0e0e0 }
+.terminal-1542508026-r2 { fill: #c5c8c6 }
+.terminal-1542508026-r3 { fill: #ff0000;text-decoration: underline; }
+.terminal-1542508026-r4 { fill: #888809;text-decoration: underline; }
+.terminal-1542508026-r5 { fill: #fea62b;text-decoration: underline; }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LinkColorApp
+ LinkColorApp
-
-
-
- Visit the Textualize website.
-Click here for the bell sound.
-You can also click here for the bell sound.
-Exit this application.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Visit the Textualize website.
+Click here for the bell sound.
+You can also click here for the bell sound.
+Exit this application.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg
index a76245768b..bd53874279 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_color_hover.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-2559238867-matrix {
+ .terminal-765972928-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2559238867-title {
+ .terminal-765972928-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2559238867-r1 { fill: #e1e1e1 }
-.terminal-2559238867-r2 { fill: #c5c8c6 }
-.terminal-2559238867-r3 { fill: #e1e1e1;text-decoration: underline; }
+ .terminal-765972928-r1 { fill: #e0e0e0 }
+.terminal-765972928-r2 { fill: #c5c8c6 }
+.terminal-765972928-r3 { fill: #e0e0e0;text-decoration: underline; }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LinkHoverColorApp
+ LinkHoverColorApp
-
-
-
- Visit the Textualize website.
-Click here for the bell sound.
-You can also click here for the bell sound.
-Exit this application.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Visit the Textualize website.
+Click here for the bell sound.
+You can also click here for the bell sound.
+Exit this application.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg
index 15100fb267..807af9eb95 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-4258391335-matrix {
+ .terminal-3176649748-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-4258391335-title {
+ .terminal-3176649748-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-4258391335-r1 { fill: #e1e1e1 }
-.terminal-4258391335-r2 { fill: #c5c8c6 }
-.terminal-4258391335-r3 { fill: #e1e1e1;font-weight: bold;font-style: italic; }
-.terminal-4258391335-r4 { fill: #1e1e1e;text-decoration: line-through; }
-.terminal-4258391335-r5 { fill: #e1e1e1;font-weight: bold }
+ .terminal-3176649748-r1 { fill: #e0e0e0 }
+.terminal-3176649748-r2 { fill: #c5c8c6 }
+.terminal-3176649748-r3 { fill: #e0e0e0;font-weight: bold;font-style: italic; }
+.terminal-3176649748-r4 { fill: #121212;text-decoration: line-through; }
+.terminal-3176649748-r5 { fill: #e0e0e0;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LinkStyleApp
+ LinkStyleApp
-
-
-
- Visit the Textualize website.
-Click here for the bell sound.
-You can also click here for the bell sound.
-Exit this application.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Visit the Textualize website.
+Click here for the bell sound.
+You can also click here for the bell sound.
+Exit this application.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg
index 5ab9dc8e50..8d4db695a3 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[link_style_hover.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-2570642149-matrix {
+ .terminal-777376210-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2570642149-title {
+ .terminal-777376210-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2570642149-r1 { fill: #e1e1e1 }
-.terminal-2570642149-r2 { fill: #c5c8c6 }
-.terminal-2570642149-r3 { fill: #e1e1e1;text-decoration: underline; }
+ .terminal-777376210-r1 { fill: #e0e0e0 }
+.terminal-777376210-r2 { fill: #c5c8c6 }
+.terminal-777376210-r3 { fill: #e0e0e0;text-decoration: underline; }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LinkHoverStyleApp
+ LinkHoverStyleApp
-
-
-
- Visit the Textualize website.
-Click here for the bell sound.
-You can also click here for the bell sound.
-Exit this application.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Visit the Textualize website.
+Click here for the bell sound.
+You can also click here for the bell sound.
+Exit this application.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg
index 6036dd28ca..855bb89d73 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[links.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-3461676208-matrix {
+ .terminal-3072978127-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3461676208-title {
+ .terminal-3072978127-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3461676208-r1 { fill: #e1e1e1 }
-.terminal-3461676208-r2 { fill: #e1e1e1;text-decoration: underline; }
-.terminal-3461676208-r3 { fill: #c5c8c6 }
-.terminal-3461676208-r4 { fill: #030e19;font-weight: bold;font-style: italic;;text-decoration: underline; }
+ .terminal-3072978127-r1 { fill: #e0e0e0 }
+.terminal-3072978127-r2 { fill: #e0e0e0;text-decoration: underline; }
+.terminal-3072978127-r3 { fill: #c5c8c6 }
+.terminal-3072978127-r4 { fill: #030e19;font-weight: bold;font-style: italic;;text-decoration: underline; }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- LinksApp
+ LinksApp
-
-
-
- Here is a link which you can click!
-
-Here is a link which you can click!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Here is a link which you can click!
+
+Here is a link which you can click!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[margin.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[margin.py].svg
index c08ae9573d..f38ce69546 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[margin.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[margin.py].svg
@@ -19,133 +19,134 @@
font-weight: 700;
}
- .terminal-329385349-matrix {
+ .terminal-428086804-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-329385349-title {
+ .terminal-428086804-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-329385349-r1 { fill: #000000 }
-.terminal-329385349-r2 { fill: #c5c8c6 }
-.terminal-329385349-r3 { fill: #0000ff }
-.terminal-329385349-r4 { fill: #ccccff }
+ .terminal-428086804-r1 { fill: #000000 }
+.terminal-428086804-r2 { fill: #c5c8c6 }
+.terminal-428086804-r3 { fill: #0000ff }
+.terminal-428086804-r4 { fill: #e0e0e0 }
+.terminal-428086804-r5 { fill: #ccccff }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MarginApp
+ MarginApp
-
+
-
-
-
-
-
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▎I must not fear.▊
-▎Fear is the mind-killer.▊
-▎Fear is the little-death that brings total obliteration.▊
-▎I will face my fear.▊
-▎I will permit it to pass over me and through me.▊
-▎And when it has gone past, I will turn the inner eye to see ▊
-▎its path.▊
-▎Where the fear has gone there will be nothing. Only I will ▊
-▎remain.▊
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-
-
-
-
-
-
-
+
+
+
+
+
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▎I must not fear.▊
+▎Fear is the mind-killer.▊
+▎Fear is the little-death that brings total obliteration.▊
+▎I will face my fear.▊
+▎I will permit it to pass over me and through me.▊
+▎And when it has gone past, I will turn the inner eye to see ▊
+▎its path.▊
+▎Where the fear has gone there will be nothing. Only I will ▊
+▎remain.▊
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg
index 137f4d0809..188e91b7e6 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_height.py].svg
@@ -19,135 +19,135 @@
font-weight: 700;
}
- .terminal-871212948-matrix {
+ .terminal-3709115834-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-871212948-title {
+ .terminal-3709115834-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-871212948-r1 { fill: #c5c8c6 }
-.terminal-871212948-r2 { fill: #e8e0e7 }
-.terminal-871212948-r3 { fill: #efe9e4 }
-.terminal-871212948-r4 { fill: #ede6e6 }
-.terminal-871212948-r5 { fill: #e1e1e1 }
-.terminal-871212948-r6 { fill: #eae3e5 }
+ .terminal-3709115834-r1 { fill: #c5c8c6 }
+.terminal-3709115834-r2 { fill: #e7e0e6 }
+.terminal-3709115834-r3 { fill: #eee8e3 }
+.terminal-3709115834-r4 { fill: #ece5e5 }
+.terminal-3709115834-r5 { fill: #e0e0e0 }
+.terminal-3709115834-r6 { fill: #eae2e4 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MaxHeightApp
+ MaxHeightApp
-
-
-
-
-
-
-max-height: 10w
-max-height: 10
-max-height: 50%
-
-
-
-
-
-max-height: 999
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+max-height: 10w
+max-height: 10
+max-height: 50%
+
+
+
+
+
+max-height: 999
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg
index 7b14e2ee82..ed0a6ea01e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[max_width.py].svg
@@ -19,135 +19,135 @@
font-weight: 700;
}
- .terminal-2391822459-matrix {
+ .terminal-2158578299-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2391822459-title {
+ .terminal-2158578299-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2391822459-r1 { fill: #c5c8c6 }
-.terminal-2391822459-r2 { fill: #e1e1e1 }
-.terminal-2391822459-r3 { fill: #e8e0e7 }
-.terminal-2391822459-r4 { fill: #eae3e5 }
-.terminal-2391822459-r5 { fill: #ede6e6 }
-.terminal-2391822459-r6 { fill: #efe9e4 }
+ .terminal-2158578299-r1 { fill: #c5c8c6 }
+.terminal-2158578299-r2 { fill: #e0e0e0 }
+.terminal-2158578299-r3 { fill: #e7e0e6 }
+.terminal-2158578299-r4 { fill: #eae2e4 }
+.terminal-2158578299-r5 { fill: #ece5e5 }
+.terminal-2158578299-r6 { fill: #eee8e3 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MaxWidthApp
+ MaxWidthApp
-
-
-
-
-
-max-width:
-50h
-
-
-
-
-max-width: 999
-
-
-
-
-
-max-width: 50%
-
-
-
-
-
-max-width: 30
-
-
+
+
+
+
+
+max-width:
+50h
+
+
+
+
+max-width: 999
+
+
+
+
+
+max-width: 50%
+
+
+
+
+
+max-width: 30
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg
index 4994a56bc9..cb93bfbc65 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_height.py].svg
@@ -19,137 +19,137 @@
font-weight: 700;
}
- .terminal-2728591289-matrix {
+ .terminal-3829199572-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2728591289-title {
+ .terminal-3829199572-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2728591289-r1 { fill: #c5c8c6 }
-.terminal-2728591289-r2 { fill: #1e1e1e }
-.terminal-2728591289-r3 { fill: #e8e0e7 }
-.terminal-2728591289-r4 { fill: #eae3e5 }
-.terminal-2728591289-r5 { fill: #e1e1e1 }
-.terminal-2728591289-r6 { fill: #ede6e6 }
-.terminal-2728591289-r7 { fill: #efe9e4 }
-.terminal-2728591289-r8 { fill: #14191f }
+ .terminal-3829199572-r1 { fill: #c5c8c6 }
+.terminal-3829199572-r2 { fill: #121212 }
+.terminal-3829199572-r3 { fill: #e7e0e6 }
+.terminal-3829199572-r4 { fill: #eae2e4 }
+.terminal-3829199572-r5 { fill: #e0e0e0 }
+.terminal-3829199572-r6 { fill: #ece5e5 }
+.terminal-3829199572-r7 { fill: #eee8e3 }
+.terminal-3829199572-r8 { fill: #000000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MinHeightApp
+ MinHeightApp
-
-
-
-
-
-
-
-
-min-height: 25%
-
-
-min-height: 75%
-
-
-
-
-
-min-height: 30
-min-height: 40w
-
-
-▃▃
-
-
-
-
+
+
+
+
+
+
+
+
+min-height: 25%
+
+
+min-height: 75%
+
+
+
+
+
+min-height: 30
+min-height: 40w
+
+
+▃▃
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg
index 0aa9bf35d9..06a2a6ddce 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[min_width.py].svg
@@ -19,136 +19,136 @@
font-weight: 700;
}
- .terminal-1758188849-matrix {
+ .terminal-4045001061-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1758188849-title {
+ .terminal-4045001061-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1758188849-r1 { fill: #c5c8c6 }
-.terminal-1758188849-r2 { fill: #e1e1e1 }
-.terminal-1758188849-r3 { fill: #e8e0e7 }
-.terminal-1758188849-r4 { fill: #eae3e5 }
-.terminal-1758188849-r5 { fill: #ede6e6 }
-.terminal-1758188849-r6 { fill: #efe9e4 }
-.terminal-1758188849-r7 { fill: #1e1e1e }
+ .terminal-4045001061-r1 { fill: #c5c8c6 }
+.terminal-4045001061-r2 { fill: #e0e0e0 }
+.terminal-4045001061-r3 { fill: #e7e0e6 }
+.terminal-4045001061-r4 { fill: #eae2e4 }
+.terminal-4045001061-r5 { fill: #ece5e5 }
+.terminal-4045001061-r6 { fill: #eee8e3 }
+.terminal-4045001061-r7 { fill: #121212 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MinWidthApp
+ MinWidthApp
-
-
-
-
-
-min-width: 25%
-
-
-
-
-min-width: 75%
-
-
-
-
-
-min-width: 100
-
-
-
-
-
-min-width: 400h
-
-
-
+
+
+
+
+
+min-width: 25%
+
+
+
+
+min-width: 75%
+
+
+
+
+
+min-width: 100
+
+
+
+
+
+min-width: 400h
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg
index dabedbfa8b..344862df39 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[opacity.py].svg
@@ -19,141 +19,141 @@
font-weight: 700;
}
- .terminal-618549268-matrix {
+ .terminal-1157124040-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-618549268-title {
+ .terminal-1157124040-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-618549268-r1 { fill: #000000 }
-.terminal-618549268-r2 { fill: #c5c8c6 }
-.terminal-618549268-r3 { fill: #000000;font-weight: bold }
-.terminal-618549268-r4 { fill: #01090f }
-.terminal-618549268-r5 { fill: #373838;font-weight: bold }
-.terminal-618549268-r6 { fill: #07243f }
-.terminal-618549268-r7 { fill: #6f7474;font-weight: bold }
-.terminal-618549268-r8 { fill: #10518f }
-.terminal-618549268-r9 { fill: #a8b3b2;font-weight: bold }
-.terminal-618549268-r10 { fill: #1e90ff }
-.terminal-618549268-r11 { fill: #e2f4f3;font-weight: bold }
+ .terminal-1157124040-r1 { fill: #000000 }
+.terminal-1157124040-r2 { fill: #c5c8c6 }
+.terminal-1157124040-r3 { fill: #000000;font-weight: bold }
+.terminal-1157124040-r4 { fill: #01090f }
+.terminal-1157124040-r5 { fill: #383838;font-weight: bold }
+.terminal-1157124040-r6 { fill: #07243f }
+.terminal-1157124040-r7 { fill: #707070;font-weight: bold }
+.terminal-1157124040-r8 { fill: #10518f }
+.terminal-1157124040-r9 { fill: #a8a8a8;font-weight: bold }
+.terminal-1157124040-r10 { fill: #1e90ff }
+.terminal-1157124040-r11 { fill: #e0e0e0;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- OpacityApp
+ OpacityApp
-
+
-
- ▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
-▌opacity: 0%▐
-▌▐
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
-▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
-▌▐
-▌opacity: 25%▐
-▌▐
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
-▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
-▌▐
-▌opacity: 50%▐
-▌▐
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
-▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
-▌▐
-▌opacity: 75%▐
-▌▐
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
-▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
-▌▐
-▌opacity: 100%▐
-▌▐
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
+
+ ▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
+▌opacity: 0%▐
+▌▐
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
+▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
+▌▐
+▌opacity: 25%▐
+▌▐
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
+▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
+▌▐
+▌opacity: 50%▐
+▌▐
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
+▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
+▌▐
+▌opacity: 75%▐
+▌▐
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
+▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
+▌▐
+▌opacity: 100%▐
+▌▐
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline.py].svg
index a4518a7cad..15fa1e4c8a 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline.py].svg
@@ -19,133 +19,134 @@
font-weight: 700;
}
- .terminal-3118814322-matrix {
+ .terminal-720331091-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3118814322-title {
+ .terminal-720331091-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3118814322-r1 { fill: #000000 }
-.terminal-3118814322-r2 { fill: #c5c8c6 }
-.terminal-3118814322-r3 { fill: #008000 }
-.terminal-3118814322-r4 { fill: #cce5cc }
+ .terminal-720331091-r1 { fill: #000000 }
+.terminal-720331091-r2 { fill: #c5c8c6 }
+.terminal-720331091-r3 { fill: #008000 }
+.terminal-720331091-r4 { fill: #e0e0e0 }
+.terminal-720331091-r5 { fill: #cce5cc }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- OutlineApp
+ OutlineApp
-
+
-
-
-
-
-
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▎ear is the mind-killer.▊
-▎ear is the little-death that brings total obliteration.▊
-▎ will face my fear.▊
-▎ will permit it to pass over me and through me.▊
-▎nd when it has gone past, I will turn the inner eye to see its▊
-▎ath.▊
-▎here the fear has gone there will be nothing. Only I will ▊
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▎ear is the mind-killer.▊
+▎ear is the little-death that brings total obliteration.▊
+▎ will face my fear.▊
+▎ will permit it to pass over me and through me.▊
+▎nd when it has gone past, I will turn the inner eye to see its▊
+▎ath.▊
+▎here the fear has gone there will be nothing. Only I will ▊
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg
index 0cd831a4b4..3a72a3dc4e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_all.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-3311194111-matrix {
+ .terminal-2423824395-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3311194111-title {
+ .terminal-2423824395-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3311194111-r1 { fill: #e1e1e1 }
-.terminal-3311194111-r2 { fill: #0178d4 }
-.terminal-3311194111-r3 { fill: #c5c8c6 }
-.terminal-3311194111-r4 { fill: #1e1e1e }
+ .terminal-2423824395-r1 { fill: #e0e0e0 }
+.terminal-2423824395-r2 { fill: #fea62b }
+.terminal-2423824395-r3 { fill: #c5c8c6 }
+.terminal-2423824395-r4 { fill: #121212 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AllOutlinesApp
+ AllOutlinesApp
-
-
-
- +------------------+┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓
-|ascii|blank╏dashed╏
-+------------------+┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛
-
-
-╔══════════════════╗┏━━━━━━━━━━━━━━━━━━┓
-║double║┃heavy┃hidden/none
-╚══════════════════╝┗━━━━━━━━━━━━━━━━━━┛
-
-
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▗▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▖
-hkey▐inner▌none
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▝▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▘
-
-
-▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜╭──────────────────╮┌──────────────────┐
-▌outer▐│round││solid│
-▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟╰──────────────────╯└──────────────────┘
-
-
-▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▏ ▕▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▊tall▎▏vkey▕▎wide▊
-▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▏ ▕▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+
+
+
+ +------------------+┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓
+|ascii|blank╏dashed╏
++------------------+┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛
+
+
+╔══════════════════╗┏━━━━━━━━━━━━━━━━━━┓
+║double║┃heavy┃hidden/none
+╚══════════════════╝┗━━━━━━━━━━━━━━━━━━┛
+
+
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▗▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▖
+hkey▐inner▌none
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▝▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▘
+
+
+▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜╭──────────────────╮┌──────────────────┐
+▌outer▐│round││solid│
+▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟╰──────────────────╯└──────────────────┘
+
+
+▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▏ ▕▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▊tall▎▏vkey▕▎wide▊
+▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▏ ▕▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg
index ed503e7926..34be27b79f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline_vs_border.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-55418416-matrix {
+ .terminal-2691590399-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-55418416-title {
+ .terminal-2691590399-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-55418416-r1 { fill: #b93c5b }
-.terminal-55418416-r2 { fill: #e1e1e1 }
-.terminal-55418416-r3 { fill: #c5c8c6 }
-.terminal-55418416-r4 { fill: #4ebf71 }
+ .terminal-2691590399-r1 { fill: #b93c5b }
+.terminal-2691590399-r2 { fill: #e0e0e0 }
+.terminal-2691590399-r3 { fill: #c5c8c6 }
+.terminal-2691590399-r4 { fill: #4ebf71 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- OutlineBorderApp
+ OutlineBorderApp
-
-
-
- ╭───────────────────────────────────────────────────────────────────╮
-│ear is the mind-killer.│
-│ear is the little-death that brings total obliteration.│
-│ will face my fear.│
-│ will permit it to pass over me and through me.│
-│nd when it has gone past, I will turn the inner eye to see its path│
-│here the fear has gone there will be nothing. Only I will remain.│
-╰───────────────────────────────────────────────────────────────────╯
-┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-┃I must not fear.┃
-┃Fear is the mind-killer.┃
-┃Fear is the little-death that brings total obliteration.┃
-┃I will face my fear.┃
-┃I will permit it to pass over me and through me.┃
-┃And when it has gone past, I will turn the inner eye to see its path.┃
-┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-╭─────────────────────────────────────────────────────────────────────╮
-│I must not fear.│
-│Fear is the mind-killer.│
-│Fear is the little-death that brings total obliteration.│
-│I will face my fear.│
-│I will permit it to pass over me and through me.│
-│And when it has gone past, I will turn the inner eye to see its path.│
-╰─────────────────────────────────────────────────────────────────────╯
+
+
+
+ ╭───────────────────────────────────────────────────────────────────╮
+│ear is the mind-killer.│
+│ear is the little-death that brings total obliteration.│
+│ will face my fear.│
+│ will permit it to pass over me and through me.│
+│nd when it has gone past, I will turn the inner eye to see its path│
+│here the fear has gone there will be nothing. Only I will remain.│
+╰───────────────────────────────────────────────────────────────────╯
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃I must not fear.┃
+┃Fear is the mind-killer.┃
+┃Fear is the little-death that brings total obliteration.┃
+┃I will face my fear.┃
+┃I will permit it to pass over me and through me.┃
+┃And when it has gone past, I will turn the inner eye to see its path.┃
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+╭─────────────────────────────────────────────────────────────────────╮
+│I must not fear.│
+│Fear is the mind-killer.│
+│Fear is the little-death that brings total obliteration.│
+│I will face my fear.│
+│I will permit it to pass over me and through me.│
+│And when it has gone past, I will turn the inner eye to see its path.│
+╰─────────────────────────────────────────────────────────────────────╯
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg
index 40eefa2ee0..1e8a223d01 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg
@@ -19,137 +19,137 @@
font-weight: 700;
}
- .terminal-2280965404-matrix {
+ .terminal-3310384768-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2280965404-title {
+ .terminal-3310384768-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2280965404-r1 { fill: #000000 }
-.terminal-2280965404-r2 { fill: #121212 }
-.terminal-2280965404-r3 { fill: #c5c8c6 }
-.terminal-2280965404-r4 { fill: #008000 }
-.terminal-2280965404-r5 { fill: #e5f0e5 }
-.terminal-2280965404-r6 { fill: #036a03 }
-.terminal-2280965404-r7 { fill: #14191f }
+ .terminal-3310384768-r1 { fill: #e0e0e0 }
+.terminal-3310384768-r2 { fill: #121212 }
+.terminal-3310384768-r3 { fill: #c5c8c6 }
+.terminal-3310384768-r4 { fill: #008000 }
+.terminal-3310384768-r5 { fill: #e5f0e5 }
+.terminal-3310384768-r6 { fill: #036a03 }
+.terminal-3310384768-r7 { fill: #000000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- OverflowApp
+ OverflowApp
-
-
-
-
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▎I must not fear.▊▎I must not fear.▊
-▎Fear is the mind-killer.▊▎Fear is the mind-killer.▊
-▎Fear is the little-death that ▊▎Fear is the little-death that ▊
-▎brings total obliteration.▊▎brings total obliteration.▊
-▎I will face my fear.▊▎I will face my fear.▊
-▎I will permit it to pass over me▊▎I will permit it to pass over me ▊
-▎and through me.▊▎and through me.▊
-▎And when it has gone past, I ▊▎And when it has gone past, I will ▊
-▎will turn the inner eye to see ▊▎turn the inner eye to see its ▊
-▎its path.▊▁▁▎path.▊
-▎Where the fear has gone there ▊▎Where the fear has gone there will▊
-▎will be nothing. Only I will ▊▎be nothing. Only I will remain.▊
-▎remain.▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
-▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎I must not fear.▊
-▎I must not fear.▊▎Fear is the mind-killer.▊
-▎Fear is the mind-killer.▊▎Fear is the little-death that ▊
-▎Fear is the little-death that ▊▎brings total obliteration.▊
-▎brings total obliteration.▊▎I will face my fear.▊
-▎I will face my fear.▊▎I will permit it to pass over me ▊
-▎I will permit it to pass over me▊▎and through me.▊
+
+
+
+
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▎I must not fear.▊▎I must not fear.▊
+▎Fear is the mind-killer.▊▎Fear is the mind-killer.▊
+▎Fear is the little-death that ▊▎Fear is the little-death that ▊
+▎brings total obliteration.▊▎brings total obliteration.▊
+▎I will face my fear.▊▎I will face my fear.▊
+▎I will permit it to pass over me▊▎I will permit it to pass over me ▊
+▎and through me.▊▎and through me.▊
+▎And when it has gone past, I ▊▎And when it has gone past, I will ▊
+▎will turn the inner eye to see ▊▎turn the inner eye to see its ▊
+▎its path.▊▁▁▎path.▊
+▎Where the fear has gone there ▊▎Where the fear has gone there will▊
+▎will be nothing. Only I will ▊▎be nothing. Only I will remain.▊
+▎remain.▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
+▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎I must not fear.▊
+▎I must not fear.▊▎Fear is the mind-killer.▊
+▎Fear is the mind-killer.▊▎Fear is the little-death that ▊
+▎Fear is the little-death that ▊▎brings total obliteration.▊
+▎brings total obliteration.▊▎I will face my fear.▊
+▎I will face my fear.▊▎I will permit it to pass over me ▊
+▎I will permit it to pass over me▊▎and through me.▊
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[padding.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[padding.py].svg
index 1a84cd793c..96ed7cd6cc 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[padding.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[padding.py].svg
@@ -19,131 +19,132 @@
font-weight: 700;
}
- .terminal-1142797465-matrix {
+ .terminal-1499970960-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1142797465-title {
+ .terminal-1499970960-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1142797465-r1 { fill: #c5c8c6 }
-.terminal-1142797465-r2 { fill: #0000ff }
+ .terminal-1499970960-r1 { fill: #c5c8c6 }
+.terminal-1499970960-r2 { fill: #e0e0e0 }
+.terminal-1499970960-r3 { fill: #0000ff }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- PaddingApp
+ PaddingApp
-
+
-
-
-
-
-
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its
-path.
-Where the fear has gone there will be nothing. Only I will
-remain.
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its
+path.
+Where the fear has gone there will be nothing. Only I will
+remain.
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg
index 56ad130772..9d2edd4c53 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[row_span.py].svg
@@ -19,138 +19,138 @@
font-weight: 700;
}
- .terminal-3617589510-matrix {
+ .terminal-2350635735-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3617589510-title {
+ .terminal-2350635735-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3617589510-r1 { fill: #c5c8c6 }
-.terminal-3617589510-r2 { fill: #e1e1e1 }
-.terminal-3617589510-r3 { fill: #efe9e4 }
-.terminal-3617589510-r4 { fill: #ede6e6 }
-.terminal-3617589510-r5 { fill: #eae3e5 }
-.terminal-3617589510-r6 { fill: #e8e0e7 }
-.terminal-3617589510-r7 { fill: #efeedf }
-.terminal-3617589510-r8 { fill: #e9eee5 }
-.terminal-3617589510-r9 { fill: #e4eee8 }
+ .terminal-2350635735-r1 { fill: #c5c8c6 }
+.terminal-2350635735-r2 { fill: #e0e0e0 }
+.terminal-2350635735-r3 { fill: #eee8e3 }
+.terminal-2350635735-r4 { fill: #ece5e5 }
+.terminal-2350635735-r5 { fill: #eae2e4 }
+.terminal-2350635735-r6 { fill: #e7e0e6 }
+.terminal-2350635735-r7 { fill: #eeeddf }
+.terminal-2350635735-r8 { fill: #e8ede4 }
+.terminal-2350635735-r9 { fill: #e3ede7 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- MyApp
+ MyApp
-
-
-
-
-
-#p4
-
-
-#p3
-
-
-#p2
-
-
-#p1
-
-
-#p5
-
-
-#p6
-
-
-#p7
-
-
+
+
+
+
+
+#p4
+
+
+#p3
+
+
+#p2
+
+
+#p1
+
+
+#p5
+
+
+#p6
+
+
+#p7
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg
index 52b074745e..0e81f1f619 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_corner_color.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-2078122073-matrix {
+ .terminal-2649911942-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2078122073-title {
+ .terminal-2649911942-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2078122073-r1 { fill: #e1e1e1 }
-.terminal-2078122073-r2 { fill: #1e1e1e }
-.terminal-2078122073-r3 { fill: #c5c8c6 }
-.terminal-2078122073-r4 { fill: #14191f }
+ .terminal-2649911942-r1 { fill: #e0e0e0 }
+.terminal-2649911942-r2 { fill: #121212 }
+.terminal-2649911942-r3 { fill: #c5c8c6 }
+.terminal-2649911942-r4 { fill: #000000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ScrollbarCornerColorApp
+ ScrollbarCornerColorApp
-
-
-
- I must not fear. Fear is the mind-killer. Fear is the little-death that brings
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.▅▅
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.
-I must not fear.
+
+
+
+ I must not fear. Fear is the mind-killer. Fear is the little-death that brings
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.▅▅
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.
+I must not fear.
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg
index 287c9aa165..3c8b043f19 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_gutter.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-2133906435-matrix {
+ .terminal-2967127755-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2133906435-title {
+ .terminal-2967127755-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2133906435-r1 { fill: #fffaf0 }
-.terminal-2133906435-r2 { fill: #c5c8c6 }
-.terminal-2133906435-r3 { fill: #e1e1e1 }
+ .terminal-2967127755-r1 { fill: #fffaf0 }
+.terminal-2967127755-r2 { fill: #c5c8c6 }
+.terminal-2967127755-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ScrollbarGutterApp
+ ScrollbarGutterApp
-
-
-
- I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg
index 2b7e85df27..8da95c16fa 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg
@@ -19,133 +19,133 @@
font-weight: 700;
}
- .terminal-715252448-matrix {
+ .terminal-657578708-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-715252448-title {
+ .terminal-657578708-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-715252448-r1 { fill: #c5c8c6 }
-.terminal-715252448-r2 { fill: #ffffff }
-.terminal-715252448-r3 { fill: #3333ff }
-.terminal-715252448-r4 { fill: #14191f }
+ .terminal-657578708-r1 { fill: #c5c8c6 }
+.terminal-657578708-r2 { fill: #ffffff }
+.terminal-657578708-r3 { fill: #e0e0e0 }
+.terminal-657578708-r4 { fill: #000000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ScrollbarApp
+ ScrollbarApp
-
-
-
-
-
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.▁▁▁▁
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.▁▁▁▁
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg
index f6cc94fe1b..f9108cd8e0 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size2.py].svg
@@ -19,139 +19,137 @@
font-weight: 700;
}
- .terminal-3769580805-matrix {
+ .terminal-2210600219-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3769580805-title {
+ .terminal-2210600219-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3769580805-r1 { fill: #e7e0e0 }
-.terminal-3769580805-r2 { fill: #c5c8c6 }
-.terminal-3769580805-r3 { fill: #4b1818 }
-.terminal-3769580805-r4 { fill: #e0e4e0 }
-.terminal-3769580805-r5 { fill: #183118 }
-.terminal-3769580805-r6 { fill: #e0e0e7 }
-.terminal-3769580805-r7 { fill: #18184b }
-.terminal-3769580805-r8 { fill: #14191f }
-.terminal-3769580805-r9 { fill: #23568b }
+ .terminal-2210600219-r1 { fill: #e0e0e0 }
+.terminal-2210600219-r2 { fill: #c5c8c6 }
+.terminal-2210600219-r3 { fill: #410e0e }
+.terminal-2210600219-r4 { fill: #0e280e }
+.terminal-2210600219-r5 { fill: #0e0e41 }
+.terminal-2210600219-r6 { fill: #000000 }
+.terminal-2210600219-r7 { fill: #242f38 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ScrollbarApp
+ ScrollbarApp
-
-
-
- I must not fear.I must not fear.I must not fear.
-Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
-Fear is the little-death Fear is the little-death tFear is the little-death
-I will face my fear.I will face my fear.I will face my fear.
-I will permit it to pass I will permit it to pass oI will permit it to pass
-And when it has gone pastAnd when it has gone past,And when it has gone past
-Where the fear has gone tWhere the fear has gone thWhere the fear has gone t
-I must not fear.I must not fear.I must not fear.
-Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
-Fear is the little-death Fear is the little-death tFear is the little-death
-I will face my fear.▇I will face my fear.I will face my fear.▇▇
-I will permit it to pass I will permit it to pass oI will permit it to pass
-And when it has gone pastAnd when it has gone past,And when it has gone past
-Where the fear has gone tWhere the fear has gone thWhere the fear has gone t
-I must not fear.I must not fear.▂I must not fear.
-Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
-Fear is the little-death Fear is the little-death tFear is the little-death
-I will face my fear.I will face my fear.I will face my fear.
-I will permit it to pass I will permit it to pass oI will permit it to pass
-▏And when it has gone past,▏
-▏Where the fear has gone th▏
-▏I must not fear.▏
-▏Fear is the mind-killer.▏
-▏▉▏
+
+
+
+ I must not fear.I must not fear.I must not fear.
+Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
+Fear is the little-death Fear is the little-death tFear is the little-death
+I will face my fear.I will face my fear.I will face my fear.
+I will permit it to pass I will permit it to pass oI will permit it to pass
+And when it has gone pastAnd when it has gone past,And when it has gone past
+Where the fear has gone tWhere the fear has gone thWhere the fear has gone t
+I must not fear.I must not fear.I must not fear.
+Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
+Fear is the little-death Fear is the little-death tFear is the little-death
+I will face my fear.▇I will face my fear.I will face my fear.▇▇
+I will permit it to pass I will permit it to pass oI will permit it to pass
+And when it has gone pastAnd when it has gone past,And when it has gone past
+Where the fear has gone tWhere the fear has gone thWhere the fear has gone t
+I must not fear.I must not fear.▂I must not fear.
+Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
+Fear is the little-death Fear is the little-death tFear is the little-death
+I will face my fear.I will face my fear.I will face my fear.
+I will permit it to pass I will permit it to pass oI will permit it to pass
+▏And when it has gone past,▏
+▏Where the fear has gone th▏
+▏I must not fear.▏
+▏Fear is the mind-killer.▏
+▏▉▏
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg
index 9a621fd8a0..6397626205 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars.py].svg
@@ -19,137 +19,137 @@
font-weight: 700;
}
- .terminal-3671412872-matrix {
+ .terminal-1158220469-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3671412872-title {
+ .terminal-1158220469-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3671412872-r1 { fill: #e1e1e1 }
-.terminal-3671412872-r2 { fill: #c5c8c6 }
-.terminal-3671412872-r3 { fill: #1e1e1e }
-.terminal-3671412872-r4 { fill: #14191f }
-.terminal-3671412872-r5 { fill: #ff0000 }
-.terminal-3671412872-r6 { fill: #23568b }
-.terminal-3671412872-r7 { fill: #008000 }
+ .terminal-1158220469-r1 { fill: #e0e0e0 }
+.terminal-1158220469-r2 { fill: #c5c8c6 }
+.terminal-1158220469-r3 { fill: #121212 }
+.terminal-1158220469-r4 { fill: #000000 }
+.terminal-1158220469-r5 { fill: #ff0000 }
+.terminal-1158220469-r6 { fill: #242f38 }
+.terminal-1158220469-r7 { fill: #008000 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- ScrollbarApp
+ ScrollbarApp
-
-
-
- I must not fear.I must not fear.
-Fear is the mind-killer.Fear is the mind-killer.
-Fear is the little-death that brings tFear is the little-death that brings t
-I will face my fear.I will face my fear.
-I will permit it to pass over me and tI will permit it to pass over me and t
-And when it has gone past, I will turnAnd when it has gone past, I will turn
-see its path.see its path.
-Where the fear has gone there will be Where the fear has gone there will be
-will remain.will remain.
-I must not fear.I must not fear.
-Fear is the mind-killer.Fear is the mind-killer.
-Fear is the little-death that brings tFear is the little-death that brings t
-I will face my fear.I will face my fear.
-I will permit it to pass over me and tI will permit it to pass over me and t
-And when it has gone past, I will turnAnd when it has gone past, I will turn
-see its path.▃▃see its path.▃▃
-Where the fear has gone there will be Where the fear has gone there will be
-will remain.will remain.
-I must not fear.I must not fear.
-Fear is the mind-killer.Fear is the mind-killer.
-Fear is the little-death that brings tFear is the little-death that brings t
-I will face my fear.I will face my fear.
-I will permit it to pass over me and tI will permit it to pass over me and t
-▍▍
+
+
+
+ I must not fear.I must not fear.
+Fear is the mind-killer.Fear is the mind-killer.
+Fear is the little-death that brings tFear is the little-death that brings t
+I will face my fear.I will face my fear.
+I will permit it to pass over me and tI will permit it to pass over me and t
+And when it has gone past, I will turnAnd when it has gone past, I will turn
+see its path.see its path.
+Where the fear has gone there will be Where the fear has gone there will be
+will remain.will remain.
+I must not fear.I must not fear.
+Fear is the mind-killer.Fear is the mind-killer.
+Fear is the little-death that brings tFear is the little-death that brings t
+I will face my fear.I will face my fear.
+I will permit it to pass over me and tI will permit it to pass over me and t
+And when it has gone past, I will turnAnd when it has gone past, I will turn
+see its path.▃▃see its path.▃▃
+Where the fear has gone there will be Where the fear has gone there will be
+will remain.will remain.
+I must not fear.I must not fear.
+Fear is the mind-killer.Fear is the mind-killer.
+Fear is the little-death that brings tFear is the little-death that brings t
+I will face my fear.I will face my fear.
+I will permit it to pass over me and tI will permit it to pass over me and t
+▍▍
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg
index b249691404..37da6b7de9 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbars2.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-1771288740-matrix {
+ .terminal-3879964726-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-1771288740-title {
+ .terminal-3879964726-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-1771288740-r1 { fill: #e1e1e1 }
-.terminal-1771288740-r2 { fill: #c5c8c6 }
-.terminal-1771288740-r3 { fill: #1e1e1e }
-.terminal-1771288740-r4 { fill: #0000ff }
+ .terminal-3879964726-r1 { fill: #e0e0e0 }
+.terminal-3879964726-r2 { fill: #c5c8c6 }
+.terminal-3879964726-r3 { fill: #121212 }
+.terminal-3879964726-r4 { fill: #0000ff }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- Scrollbar2App
+ Scrollbar2App
-
-
-
- I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.
-I must not fear.
-Fear is the mind-killer.▇▇
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
-I will face my fear.
-I will permit it to pass over me and through me.
-And when it has gone past, I will turn the inner eye to see its path.
-Where the fear has gone there will be nothing. Only I will remain.
-I must not fear.
-Fear is the mind-killer.
-Fear is the little-death that brings total obliteration.
+
+
+
+ I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.
+I must not fear.
+Fear is the mind-killer.▇▇
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
+I will face my fear.
+I will permit it to pass over me and through me.
+And when it has gone past, I will turn the inner eye to see its path.
+Where the fear has gone there will be nothing. Only I will remain.
+I must not fear.
+Fear is the mind-killer.
+Fear is the little-death that brings total obliteration.
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg
index 1418702b56..7bc6d26b62 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_align.py].svg
@@ -19,138 +19,134 @@
font-weight: 700;
}
- .terminal-2525861690-matrix {
+ .terminal-3439298128-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2525861690-title {
+ .terminal-3439298128-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2525861690-r1 { fill: #c5c8c6 }
-.terminal-2525861690-r2 { fill: #161c1d;font-weight: bold }
-.terminal-2525861690-r3 { fill: #161c1d }
-.terminal-2525861690-r4 { fill: #f8e9e9 }
-.terminal-2525861690-r5 { fill: #f8e9e9;font-weight: bold }
-.terminal-2525861690-r6 { fill: #132013 }
-.terminal-2525861690-r7 { fill: #132013;font-weight: bold }
-.terminal-2525861690-r8 { fill: #1c0e13;font-weight: bold }
-.terminal-2525861690-r9 { fill: #1c0e13 }
+ .terminal-3439298128-r1 { fill: #c5c8c6 }
+.terminal-3439298128-r2 { fill: #000000;font-weight: bold }
+.terminal-3439298128-r3 { fill: #000000 }
+.terminal-3439298128-r4 { fill: #ffffff }
+.terminal-3439298128-r5 { fill: #ffffff;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- TextAlign
+ TextAlign
-
+
-
-
-Left alignedCenter aligned
-I must not fear. Fear is the I must not fear. Fear is the
-mind-killer. Fear is the mind-killer. Fear is the
-little-death that brings total little-death that brings total
-obliteration. I will face my fear. Iobliteration. I will face my fear. I
-will permit it to pass over me and will permit it to pass over me and
-through me. through me.
-
-
-
-
-
-Right alignedJustified
- I must not fear. Fear is theI must not fear. Fear is the
- mind-killer. Fear is themind-killer. Fear is the
- little-death that brings totallittle-death that brings total
-obliteration. I will face my fear. Iobliteration. I will face my fear. I
- will permit it to pass over me andwill permit it to pass over me and
- through me.through me.
-
-
-
+
+
+Left alignedCenter aligned
+I must not fear. Fear is the I must not fear. Fear is the
+mind-killer. Fear is the mind-killer. Fear is the
+little-death that brings total little-death that brings total
+obliteration. I will face my fear. Iobliteration. I will face my fear. I
+will permit it to pass over me and will permit it to pass over me and
+through me. through me.
+
+
+
+
+
+Right alignedJustified
+ I must not fear. Fear is theI must not fear. Fear is the
+ mind-killer. Fear is themind-killer. Fear is the
+ little-death that brings totallittle-death that brings total
+obliteration. I will face my fear. Iobliteration. I will face my fear. I
+ will permit it to pass over me andwill permit it to pass over me and
+ through me.through me.
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg
index 9afc44eeec..ae40d230d0 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_opacity.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-248406950-matrix {
+ .terminal-455824985-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-248406950-title {
+ .terminal-455824985-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-248406950-r1 { fill: #c5c8c6 }
-.terminal-248406950-r2 { fill: #4e4e4e;font-weight: bold }
-.terminal-248406950-r3 { fill: #7f7f7f;font-weight: bold }
-.terminal-248406950-r4 { fill: #b0b0b0;font-weight: bold }
-.terminal-248406950-r5 { fill: #e1e1e1;font-weight: bold }
+ .terminal-455824985-r1 { fill: #c5c8c6 }
+.terminal-455824985-r2 { fill: #454545;font-weight: bold }
+.terminal-455824985-r3 { fill: #797979;font-weight: bold }
+.terminal-455824985-r4 { fill: #acacac;font-weight: bold }
+.terminal-455824985-r5 { fill: #e0e0e0;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- TextOpacityApp
+ TextOpacityApp
-
-
-
-
-
-
-
- text-opacity: 25%
-
-
-
-
- text-opacity: 50%
-
-
-
-
- text-opacity: 75%
-
-
-
-
- text-opacity: 100%
-
-
-
+
+
+
+
+
+
+
+ text-opacity: 25%
+
+
+
+
+ text-opacity: 50%
+
+
+
+
+ text-opacity: 75%
+
+
+
+
+ text-opacity: 100%
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg
index 73c57898ed..f62c5f0fe2 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style.py].svg
@@ -19,134 +19,134 @@
font-weight: 700;
}
- .terminal-3276779286-matrix {
+ .terminal-2118630150-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3276779286-title {
+ .terminal-2118630150-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3276779286-r1 { fill: #eae0e0;font-weight: bold }
-.terminal-3276779286-r2 { fill: #c5c8c6 }
-.terminal-3276779286-r3 { fill: #e0e5e0;font-style: italic; }
-.terminal-3276779286-r4 { fill: #151561 }
-.terminal-3276779286-r5 { fill: #e1e1e1 }
+ .terminal-2118630150-r1 { fill: #e0e0e0;font-weight: bold }
+.terminal-2118630150-r2 { fill: #c5c8c6 }
+.terminal-2118630150-r3 { fill: #e0e0e0;font-style: italic; }
+.terminal-2118630150-r4 { fill: #0c0c59 }
+.terminal-2118630150-r5 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- TextStyleApp
+ TextStyleApp
-
-
-
- I must not fear.I must not fear.I must not fear.
-Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
-Fear is the little-death Fear is the little-death Fear is the little-death
-that brings total that brings total that brings total
-obliteration.obliteration.obliteration.
-I will face my fear.I will face my fear.I will face my fear.
-I will permit it to pass I will permit it to pass I will permit it to pass
-over me and through me.over me and through me.over me and through me.
-And when it has gone past,And when it has gone past, And when it has gone past,
-I will turn the inner eye I will turn the inner eye I will turn the inner eye
-to see its path.to see its path.to see its path.
-Where the fear has gone Where the fear has gone Where the fear has gone
-there will be nothing. there will be nothing. Onlythere will be nothing. Only
-Only I will remain.I will remain.I will remain.
-
-
-
-
-
-
-
-
-
+
+
+
+ I must not fear.I must not fear.I must not fear.
+Fear is the mind-killer.Fear is the mind-killer.Fear is the mind-killer.
+Fear is the little-death Fear is the little-death Fear is the little-death
+that brings total that brings total that brings total
+obliteration.obliteration.obliteration.
+I will face my fear.I will face my fear.I will face my fear.
+I will permit it to pass I will permit it to pass I will permit it to pass
+over me and through me.over me and through me.over me and through me.
+And when it has gone past,And when it has gone past, And when it has gone past,
+I will turn the inner eye I will turn the inner eye I will turn the inner eye
+to see its path.to see its path.to see its path.
+Where the fear has gone Where the fear has gone Where the fear has gone
+there will be nothing. there will be nothing. Onlythere will be nothing. Only
+Only I will remain.I will remain.I will remain.
+
+
+
+
+
+
+
+
+
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg
index 91ffb0bf99..8528c68865 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[text_style_all.py].svg
@@ -19,138 +19,138 @@
font-weight: 700;
}
- .terminal-3629813941-matrix {
+ .terminal-2644379134-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3629813941-title {
+ .terminal-2644379134-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3629813941-r1 { fill: #e1e1e1 }
-.terminal-3629813941-r2 { fill: #c5c8c6 }
-.terminal-3629813941-r3 { fill: #e1e1e1;font-weight: bold }
-.terminal-3629813941-r4 { fill: #e1e1e1;font-style: italic; }
-.terminal-3629813941-r5 { fill: #1e1e1e }
-.terminal-3629813941-r6 { fill: #e1e1e1;text-decoration: line-through; }
-.terminal-3629813941-r7 { fill: #e1e1e1;text-decoration: underline; }
-.terminal-3629813941-r8 { fill: #e1e1e1;font-weight: bold;font-style: italic; }
-.terminal-3629813941-r9 { fill: #1e1e1e;text-decoration: line-through; }
+ .terminal-2644379134-r1 { fill: #e0e0e0 }
+.terminal-2644379134-r2 { fill: #c5c8c6 }
+.terminal-2644379134-r3 { fill: #e0e0e0;font-weight: bold }
+.terminal-2644379134-r4 { fill: #e0e0e0;font-style: italic; }
+.terminal-2644379134-r5 { fill: #121212 }
+.terminal-2644379134-r6 { fill: #e0e0e0;text-decoration: line-through; }
+.terminal-2644379134-r7 { fill: #e0e0e0;text-decoration: underline; }
+.terminal-2644379134-r8 { fill: #e0e0e0;font-weight: bold;font-style: italic; }
+.terminal-2644379134-r9 { fill: #121212;text-decoration: line-through; }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- AllTextStyleApp
+ AllTextStyleApp
-
-
-
-
- nonebolditalicreverse
- I must not fear.I must not fear.I must not fear.I must not fear.
- Fear is the Fear is the Fear is the Fear is the
- mind-killer.mind-killer.mind-killer.mind-killer.
- Fear is the Fear is the Fear is the Fear is the
- little-death that little-death that little-death thatlittle-death that
- brings total brings total brings total brings total
- obliteration.obliteration.obliteration.obliteration.
- I will face my I will face my I will face my I will face my
- fear.fear.fear.fear.
-
-strikeunderlinebold italicreverse strike
-I must not fear.I must not fear.I must not fear.I must not fear.
-Fear is the Fear is the Fear is the Fear is the
-mind-killer.mind-killer.mind-killer.mind-killer.
-Fear is the Fear is the Fear is the Fear is the
-little-death thatlittle-death that little-death thatlittle-death that
-brings total brings total brings total brings total
-obliteration.obliteration.obliteration.obliteration.
-I will face my I will face my I will face my I will face my
-fear.fear.fear.fear.
-I will permit it I will permit it I will permit it I will permit it
+
+
+
+
+ nonebolditalicreverse
+ I must not fear.I must not fear.I must not fear.I must not fear.
+ Fear is the Fear is the Fear is the Fear is the
+ mind-killer.mind-killer.mind-killer.mind-killer.
+ Fear is the Fear is the Fear is the Fear is the
+ little-death that little-death that little-death thatlittle-death that
+ brings total brings total brings total brings total
+ obliteration.obliteration.obliteration.obliteration.
+ I will face my I will face my I will face my I will face my
+ fear.fear.fear.fear.
+
+strikeunderlinebold italicreverse strike
+I must not fear.I must not fear.I must not fear.I must not fear.
+Fear is the Fear is the Fear is the Fear is the
+mind-killer.mind-killer.mind-killer.mind-killer.
+Fear is the Fear is the Fear is the Fear is the
+little-death thatlittle-death that little-death thatlittle-death that
+brings total brings total brings total brings total
+obliteration.obliteration.obliteration.obliteration.
+I will face my I will face my I will face my I will face my
+fear.fear.fear.fear.
+I will permit it I will permit it I will permit it I will permit it
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg
index 1aa0ef5f57..c070deac88 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[tint.py].svg
@@ -19,141 +19,141 @@
font-weight: 700;
}
- .terminal-2792552836-matrix {
+ .terminal-2845632122-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-2792552836-title {
+ .terminal-2845632122-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-2792552836-r1 { fill: #c5c8c6 }
-.terminal-2792552836-r2 { fill: #1e1e1e }
-.terminal-2792552836-r3 { fill: #000000;font-weight: bold }
-.terminal-2792552836-r4 { fill: #000c00;font-weight: bold }
-.terminal-2792552836-r5 { fill: #001900;font-weight: bold }
-.terminal-2792552836-r6 { fill: #002600;font-weight: bold }
-.terminal-2792552836-r7 { fill: #003300;font-weight: bold }
-.terminal-2792552836-r8 { fill: #004000;font-weight: bold }
-.terminal-2792552836-r9 { fill: #14191f }
-.terminal-2792552836-r10 { fill: #e1e1e1 }
-.terminal-2792552836-r11 { fill: #004c00;font-weight: bold }
-.terminal-2792552836-r12 { fill: #005900;font-weight: bold }
+ .terminal-2845632122-r1 { fill: #c5c8c6 }
+.terminal-2845632122-r2 { fill: #121212 }
+.terminal-2845632122-r3 { fill: #000000;font-weight: bold }
+.terminal-2845632122-r4 { fill: #000c00;font-weight: bold }
+.terminal-2845632122-r5 { fill: #001900;font-weight: bold }
+.terminal-2845632122-r6 { fill: #002600;font-weight: bold }
+.terminal-2845632122-r7 { fill: #003300;font-weight: bold }
+.terminal-2845632122-r8 { fill: #004000;font-weight: bold }
+.terminal-2845632122-r9 { fill: #000000 }
+.terminal-2845632122-r10 { fill: #e0e0e0 }
+.terminal-2845632122-r11 { fill: #004c00;font-weight: bold }
+.terminal-2845632122-r12 { fill: #005900;font-weight: bold }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- TintApp
+ TintApp
-
-
-
-
-tint: green 0%;
-
-
-tint: green 10%;
-
-
-tint: green 20%;
-
-
-tint: green 30%;
-
-
-tint: green 40%;
-
-
-tint: green 50%;
-▄▄
-
-tint: green 60%;
-
-
-tint: green 70%;
+
+
+
+
+tint: green 0%;
+
+
+tint: green 10%;
+
+
+tint: green 20%;
+
+
+tint: green 30%;
+
+
+tint: green 40%;
+
+
+tint: green 50%;
+▄▄
+
+tint: green 60%;
+
+
+tint: green 70%;
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg
index c95545f629..dd217ea24d 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[visibility.py].svg
@@ -19,132 +19,132 @@
font-weight: 700;
}
- .terminal-3114242500-matrix {
+ .terminal-2078771544-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
- .terminal-3114242500-title {
+ .terminal-2078771544-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
- .terminal-3114242500-r1 { fill: #0000ff }
-.terminal-3114242500-r2 { fill: #c5c8c6 }
-.terminal-3114242500-r3 { fill: #ddeedd }
+ .terminal-2078771544-r1 { fill: #0000ff }
+.terminal-2078771544-r2 { fill: #c5c8c6 }
+.terminal-2078771544-r3 { fill: #e0e0e0 }
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+