Skip to main content

Styling Options

Betamax offers extensive visual customization for your terminal captures. You can add window bars, drop shadows, padding, and rounded corners to create polished, professional-looking screenshots and GIFs.

All styling options work with both PNG screenshots and GIF recordings.

Window Bars

Add macOS-style window decorations to your captures with --window-bar:

StyleDescription
colorfulTraffic light dots on the left
colorful_rightTraffic light dots on the right
ringsHollow circle outlines
noneNo window bar (default)

Examples

Colorful (left-aligned):

betamax "sidecar" --window-bar colorful -o demo -- @sleep:2000 @capture:demo.png q y

Window bar colorful

Colorful (right-aligned):

betamax "sidecar" --window-bar colorful_right -o demo -- @sleep:2000 @capture:demo.png q y

Window bar colorful right

Rings:

betamax "sidecar" --window-bar rings -o demo -- @sleep:2000 @capture:demo.png q y

Window bar rings

No window bar:

betamax "sidecar" --window-bar none -o demo -- @sleep:2000 @capture:demo.png q y

Window bar none

Bar Customization

OptionDefaultDescription
--bar-color#1e1e1eBackground color of the bar
--bar-height30Height in pixels

Drop Shadows

Add depth to your captures with --shadow:

betamax "sidecar" --shadow --margin 30 -o demo -- @sleep:2000 @capture:demo.png q y

Shadow enabled

Compare with no shadow (margin only):

betamax "sidecar" --margin 30 -o demo -- @sleep:2000 @capture:demo.png q y

No shadow

Shadow Options

OptionDefaultDescription
--shadowoffEnable drop shadow
--shadow-blur15Blur radius (0-100)
--shadow-offset-x0Horizontal offset (-200 to 200)
--shadow-offset-y8Vertical offset (-200 to 200)
--shadow-opacity0.4Opacity (0.0-1.0)
--shadow-color#000000Shadow color

Note: Shadows require --margin to be visible. The margin provides space for the shadow to render.

Padding & Margin

Add spacing around your terminal content:

OptionDescription
--paddingInner spacing (between terminal and decorations)
--marginOuter spacing (around the entire capture)

Padding adds space inside the capture, around the terminal content:

betamax "sidecar" --padding 20 --padding-color "#2a2a4a" -o demo -- @sleep:2000 @capture:demo.png q y

Padding example

Margin adds space outside the capture:

betamax "sidecar" --margin 20 --margin-color "#2a2a4a" -o demo -- @sleep:2000 @capture:demo.png q y

Margin example

Spacing Options

OptionDefaultDescription
--padding0Inner padding in pixels
--padding-color#1e1e1ePadding background color
--margin0Outer margin in pixels
--margin-color#000000Margin background color

Border Radius

Round the corners of your captures with --border-radius:

Sharp corners (default):

betamax "sidecar" --border-radius 0 --padding 10 -o demo -- @sleep:2000 @capture:demo.png q y

Border radius 0

Rounded corners:

betamax "sidecar" --border-radius 16 --padding 10 -o demo -- @sleep:2000 @capture:demo.png q y

Border radius 16

Combining Options

Create polished captures by combining multiple styling options:

betamax "sidecar" \
--window-bar colorful \
--border-radius 12 \
--margin 30 \
--padding 10 \
--shadow \
-o demo -- @sleep:2000 @capture:demo.png q y

Full styled example

Using Keys Files

All styling options can be set in .keys files with @set: directives:

@set:window_bar:colorful
@set:border_radius:12
@set:margin:30
@set:padding:10
@set:shadow:true
@set:shadow_blur:20
@set:shadow_opacity:0.5

@sleep:2000
@capture:styled_demo.png
q
y

This makes it easy to create reproducible, styled captures.

See Also