Theme Designer & Management

Open the Theme Designer via the Themes icon in the top navigation bar.


Designer Workspace

🎥 Getting Started with Pewbeam's Theme Designer (Video Tutorial)

Theme Library (Left)

Browse and manage pre-built templates and saved custom themes. Create new themes, import, or export theme packages.


Design Canvas (Center)

Real-time visual preview of your theme at full resolution. What you see here is exactly what will appear on your broadcast output.


Properties Panel (Right)

  • Text Tab: Style fonts, size, weight, line height, letter spacing, color, alignment, text decoration, and case. Effects include Drop Shadow (position, blur, and color) and Outline (position, width, style, and color).
  • Background Tab: Configure solid colors, gradients, or custom images with full control over fit, blur, scale, and opacity.
  • Layout Tab: Adjust alignment, position, dimensions, reference gap, and lock aspect ratio. Text Autoscaling is also available here, which automatically fits long scripture verses within the frame.

Text Autoscaling and Auto-Fitting

Text autoscaling and auto-fitting automatically fits long scripture verses within the text frame of your theme. This can be found under the Scripture section under the Verse panel of the Theme Designer.

🎥 Please watch the video below to see how this works:


Text Autoscaling Setting (Screenshot)

Adding an Image or Video as a Background in Theme Designer

🎥 How to add an IMAGE (picture) or VIDEO as a background in theme designer


Import / Export

Save edits as drafts or commit changes with Save changes. Export individual themes or full theme packages as .json   files to share across devices or installations.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us