Appearance Customization
Customize backgrounds, padding, corners, shadows, and camera border for polished recordings.
Canvas Background
ScreenKite places your recording on a styled canvas. The Inspector sidebar lets you choose from four background types:
Solid Colors (7 presets + custom)
| Color | RGB |
|---|---|
| Black | #000000 (default) |
| AccentBlue | (0.35, 0.54, 0.99) |
| AccentPurple | (0.62, 0.41, 0.96) |
| AccentOrange | (1.0, 0.56, 0.31) |
| AccentCoral | (0.98, 0.46, 0.38) |
| AccentGolden | (0.95, 0.65, 0.25) |
| AccentGreen | (0.34, 0.81, 0.47) |
Plus a custom color picker for any hex color. The picker button displays the currently selected color as its fill — not a static rainbow gradient. A small rainbow badge at the bottom-right corner opens the macOS system color panel. When the custom picker is the active selection, a 2 px white selection ring appears around the button.
Custom color picker button in the Inspector color swatch grid, showing the active selected color as the button fill, rainbow badge at bottom-right, and white selection ring indicating it is the active choice
Gradients (5 presets)
| Gradient | Direction |
|---|---|
| Sunset | Purple → Pink (diagonal) |
| Warmth | Orange → Red (diagonal) |
| Golden | Gold → Rust (diagonal) |
| Nord | Blue → Dark Blue (diagonal) |
| Aurora | Cyan → Magenta (diagonal) |
Wallpapers
6 built-in gradient wallpapers: AuroraGrid (default), SoftMesh, VioletMist, OrangeGlow, GoldenHour, CoralDream.
Additional wallpaper sources:
- Desktop — remote wallpapers downloaded from the ScreenKite asset library
- System — macOS system wallpapers
- Imported — your own custom wallpaper images
The Inspector shows wallpaper thumbnails (120×90px) with a shuffle button to randomize and an import button to add your own.
Transparent
Select the Transparent swatch — a checkerboard pattern with a slash-circle icon — to remove the canvas background entirely. When selected, a 2 px white border ring appears around the swatch.
Inspector Background section with the Transparent swatch selected: checkerboard pattern swatch with slash-circle icon and white selection ring, other color swatches visible in the grid
When you choose Transparent, the status bar displays: "Transparent background exports require ProRes 4444."
Background Blur
A blur slider (0–50) applies a blur effect to the background behind your recording content.
Padding
Add space between the recording and the canvas edge:
- Range: 0–200px (4px steps)
- Reset button appears when non-default
Corner Radius
Round the corners of your recording:
- Range: 0–100px (2px steps)
- Reset button appears when non-default
Drop Shadow
Add depth behind your recording:
- Toggle: Enable/disable shadow
- Radius slider
- Opacity slider
Camera Border Color
When the Custom border style is selected in the Camera inspector, a color picker button appears in the border swatch grid. The picker seeds its initial color from the stored border hex value, falling back to the current accent color if none is set. Picking a new color updates both the camera border and the global accent color simultaneously.
Alignment Guides & Snapping
When positioning overlays on the canvas, alignment guides and snapping help you place elements precisely. Guides appear as you drag an overlay near the center or edges of the canvas, and the overlay snaps into alignment automatically.
Device Frames
ScreenKite offers an expanded catalog of device frames with more models and sizes. For details on available frames and how to apply them, see Device Frames.