Skip to content

Commit

Permalink
docs(examples): udpate theme to Aardvark Blue (ratatui#574)
Browse files Browse the repository at this point in the history
This is a nicer theme that makes the colors pop
  • Loading branch information
joshka authored Oct 18, 2023
1 parent 3a57e76 commit b61f65b
Show file tree
Hide file tree
Showing 27 changed files with 28 additions and 40 deletions.
2 changes: 1 addition & 1 deletion examples/barchart.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/barchart.tape`
Output "target/barchart.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 800
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/block.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/block.tape`
Output "target/block.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1200
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/calendar.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/calendar.tape`
Output "target/calendar.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 800
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/canvas.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/canvas.tape`
Output "target/canvas.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set FontSize 12
Set Width 1200
Set Height 800
Expand Down
2 changes: 1 addition & 1 deletion examples/chart.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/chart.tape`
Output "target/chart.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 800
Hide
Expand Down
8 changes: 1 addition & 7 deletions examples/colors.tape
Original file line number Diff line number Diff line change
@@ -1,13 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/colors.tape`
Output "target/colors.gif"
# The OceanicMaterial theme is a good choice for this example (Obsidian is almost as good) because:
# - Black is dark and distinct from the default background
# - White is light and distinct from the default foreground
# - Normal and bright colors are distinct
# - Black and DarkGray are distinct
# - White and Gray are distinct
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1410
Hide
Expand Down
8 changes: 1 addition & 7 deletions examples/colors_rgb.tape
Original file line number Diff line number Diff line change
@@ -1,13 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/colors_rgb.tape`
Output "target/colors_rgb.gif"
# The OceanicMaterial theme is a good choice for this example (Obsidian is almost as good) because:
# - Black is dark and distinct from the default background
# - White is light and distinct from the default foreground
# - Normal and bright colors are distinct
# - Black and DarkGray are distinct
# - White and Gray are distinct
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1410
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/custom_widget.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/custom_widget.tape`
Output "target/custom_widget.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 760
Set Height 260
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/demo.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/demo.tape`
Output "target/demo.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1200
Set PlaybackSpeed 0.5
Expand Down
2 changes: 1 addition & 1 deletion examples/demo2-social.tape
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
# To run this script, install vhs and run `vhs ./examples/demo.tape`

Output "target/demo2-social.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
# Github social preview size (1280x640 with 80px padding) and must be < 1MB
# This puts some constraints on the amount of interactivity we can do.
Set Width 1280
Expand Down
2 changes: 1 addition & 1 deletion examples/demo2.tape
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
# To run this script, install vhs and run `vhs ./examples/demo.tape`
# NOTE: Requires VHS 0.6.1 or later for Screenshot support
Output "target/demo2.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
# The reason for this strange size is that the social preview image for this
# demo is 1280x64 with 80 pixels of padding on each side. We want a version
# without the padding for README.md, etc.
Expand Down
2 changes: 1 addition & 1 deletion examples/docsrs.tape
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
# To run this script, install vhs and run `vhs ./examples/demo.tape`
# NOTE: Requires VHS 0.6.1 or later for Screenshot support
Output "target/docsrs.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
# The reason for this strange size is that the social preview image for this
# demo is 1280x64 with 80 pixels of padding on each side. We want a version
# without the padding for README.md, etc.
Expand Down
2 changes: 1 addition & 1 deletion examples/gauge.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/gauge.tape`
Output "target/gauge.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Hide
Expand Down
4 changes: 2 additions & 2 deletions examples/generate.bash
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ for tape in examples/*.tape
do
gif=${tape/examples\/}
gif=${gif/.tape/.gif}
vhs $tape --quiet
~/go/bin/vhs $tape --quiet
# this can be pasted into the examples README.md
echo "[${gif}]: https://github.com/ratatui-org/ratatui/blob/images/examples/${gif}?raw=true"
done
Expand All @@ -35,4 +35,4 @@ cp target/*.gif examples/
git add examples/*.gif
git commit -m 'docs(examples): update images'
gh pr create
git sw main
git sw -
2 changes: 1 addition & 1 deletion examples/hello_world.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/hello_world.tape`
Output "target/hello_world.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 200
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/inline.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/inline.tape`
Output "target/inline.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Type "cargo run --example=inline --features=crossterm"
Expand Down
2 changes: 1 addition & 1 deletion examples/layout.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/layout.tape`
Output "target/layout.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1410
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/list.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/list.tape`
Output "target/list.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/modifiers.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/modifiers.tape`
Output "target/modifiers.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1460
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/panic.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/panic.tape`
Output "target/panic.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Type "cargo run --example=panic --features=crossterm"
Expand Down
2 changes: 1 addition & 1 deletion examples/paragraph.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/paragraph.tape`
Output "target/paragraph.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1800
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/popup.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/popup.tape`
Output "target/popup.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/scrollbar.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/scrollbar.tape`
Output "target/scrollbar.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 1200
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/sparkline.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/sparkline.tape`
Output "target/sparkline.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/table.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/table.tape`
Output "target/table.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/tabs.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/tabs.tape`
Output "target/tabs.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 300
Hide
Expand Down
2 changes: 1 addition & 1 deletion examples/user_input.tape
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# This is a vhs script. See https://github.com/charmbracelet/vhs for more info.
# To run this script, install vhs and run `vhs ./examples/user_input.tape`
Output "target/user_input.gif"
Set Theme "OceanicMaterial"
Set Theme "Aardvark Blue"
Set Width 1200
Set Height 600
Hide
Expand Down

0 comments on commit b61f65b

Please sign in to comment.