feat: add example recordings for themes

.mise.toml

@@ -1,5 +1,5 @@
-[tasks.assets]
-description = "Create assets with vhs"
+[tasks."recordings input"]
+description = "Create recordings with vhs"
 run = """
 #!/usr/bin/env bash
 # Create VHS recordings of all tape files in the assets directory
@@ -8,6 +8,16 @@ for i in $(ls -1 assets/*.tape); do
 done
 """
 
+[tasks."recordings themes"]
+description = "Create theme recordings with vhs"
+run = """
+#!/usr/bin/env bash
+# Create VHS recordings of all tape files in the themes directory
+for i in $(ls -1 assets/themes/*.tape); do
+    vhs $i
+done
+"""
+
 [tasks.tests]
 description = "Run tests"
 run = [

README.md

@@ -129,12 +129,6 @@ fn main() {
 
 Supply your own custom theme or choose from one of the predefined themes:
 
-* Charm
-* Dracula
-* Catppuccin
-* Base 16
-* Default
-
 Derive a custom theme from the default theme.
 
 ```rust
@@ -152,3 +146,27 @@ Input::new("What's your e-mail?")
         .run()
         .expect("error running input")?;
 ```
+
+### Base 16
+
+![base16](./assets/themes/base16.gif)
+
+### Charm
+
+Default if colors are enabled in the console.
+
+![charm](./assets/themes/charm.gif)
+
+### Catppuccin
+
+![catppuccin](./assets/themes/catppuccin.gif)
+
+### Dracula
+
+![dracula](./assets/themes/dracula.gif)
+
+### New
+
+Default if colors are NOT enabled in the console.
+
+![new](./assets/themes/new.gif)

assets/themes/base16.tape

@@ -0,0 +1,26 @@
+Output assets/themes/base16.gif
+
+Set Shell "fish"
+Set Padding 10
+Set FontSize 16
+Set Width 800
+Set Height 300
+Set TypingSpeed 100ms
+
+Hide
+Type "cargo build --example themes && clear" Enter
+Sleep 2s
+Show
+
+Type "target/debug/examples/themes base16" Enter
+Sleep 2s
+Type "[email protected]" Sleep 1s Enter
+
+Space Sleep 1s
+Down Down Space Sleep 1s
+Enter
+
+Sleep 1s
+Enter
+
+Sleep 2s

assets/themes/catppuccin.tape

@@ -0,0 +1,26 @@
+Output assets/themes/catppuccin.gif
+
+Set Shell "fish"
+Set Padding 10
+Set FontSize 16
+Set Width 800
+Set Height 300
+Set TypingSpeed 100ms
+
+Hide
+Type "cargo build --example themes && clear" Enter
+Sleep 2s
+Show
+
+Type "target/debug/examples/themes catppuccin" Enter
+Sleep 2s
+Type "[email protected]" Sleep 1s Enter
+
+Space Sleep 1s
+Down Down Space Sleep 1s
+Enter
+
+Sleep 1s
+Enter
+
+Sleep 2s

assets/themes/charm.tape

@@ -0,0 +1,26 @@
+Output assets/themes/charm.gif
+
+Set Shell "fish"
+Set Padding 10
+Set FontSize 16
+Set Width 800
+Set Height 300
+Set TypingSpeed 100ms
+
+Hide
+Type "cargo build --example themes && clear" Enter
+Sleep 2s
+Show
+
+Type "target/debug/examples/themes charm" Enter
+Sleep 2s
+Type "[email protected]" Sleep 1s Enter
+
+Space Sleep 1s
+Down Down Space Sleep 1s
+Enter
+
+Sleep 1s
+Enter
+
+Sleep 2s

assets/themes/dracula.tape

@@ -0,0 +1,26 @@
+Output assets/themes/dracula.gif
+
+Set Shell "fish"
+Set Padding 10
+Set FontSize 16
+Set Width 800
+Set Height 300
+Set TypingSpeed 100ms
+
+Hide
+Type "cargo build --example themes && clear" Enter
+Sleep 2s
+Show
+
+Type "target/debug/examples/themes dracula" Enter
+Sleep 2s
+Type "[email protected]" Sleep 1s Enter
+
+Space Sleep 1s
+Down Down Space Sleep 1s
+Enter
+
+Sleep 1s
+Enter
+
+Sleep 2s

assets/themes/new.tape

@@ -0,0 +1,26 @@
+Output assets/themes/new.gif
+
+Set Shell "fish"
+Set Padding 10
+Set FontSize 16
+Set Width 800
+Set Height 300
+Set TypingSpeed 100ms
+
+Hide
+Type "cargo build --example themes && clear" Enter
+Sleep 2s
+Show
+
+Type "target/debug/examples/themes" Enter
+Sleep 2s
+Type "[email protected]" Sleep 1s Enter
+
+Space Sleep 1s
+Down Down Space Sleep 1s
+Enter
+
+Sleep 1s
+Enter
+
+Sleep 2s

examples/themes.rs

@@ -1,12 +1,19 @@
+use std::env::args;
+
 use demand::{Confirm, DemandOption, Input, MultiSelect, Theme};
 
 fn main() {
-    let theme = Theme {
-        selected_prefix: String::from(" •"),
-        selected_prefix_fg: Theme::color_rgb(2, 191, 135),
-        unselected_prefix: String::from("  "),
-        ..Theme::default()
-    };
+    let mut theme = Theme::new();
+    match args().nth(1) {
+        Some(arg) => match arg.as_str() {
+            "base16" => theme = Theme::base16(),
+            "charm" => theme = Theme::charm(),
+            "catppuccin" => theme = Theme::catppuccin(),
+            "dracula" => theme = Theme::dracula(),
+            _ => {}
+        },
+        None => {}
+    }
 
     let i = Input::new("What's your e-mail?")
         .description("Please enter your e-mail address.")