Appearance & Theming

What You Can Customize

The Appearance tab in your widget editor gives you control over how your widget looks and feels. Changes appear instantly in the live preview as you edit.

Color System

Set the background, accent, text, border, and message colors for both the general widget and the home screen. Use preset themes or auto-generate a full palette from two main colors.

Branding, Menu & Dark Mode

Upload a custom logo and avatar, show or hide navigation tabs, rename tab labels, toggle the "Powered by Yaplet" badge, and configure the launcher button.

How It Works

Your widget's appearance is split into two color groups and a set of config options:

General colors — applied to chat screens, messages, inputs, and borders throughout the widget
Home screen colors — applied to the header, background decorations, and home cards
Config options — branding assets, menu tab visibility, launcher position, and background style

When you pick a Background and Accent color, Yaplet can auto-generate all remaining sub-colors (text shades, borders, message bubbles) so everything stays visually consistent. You can also fine-tune any individual color.

All changes preview in real time inside the widget editor. Hit Save when you're happy with the result.

Preset Themes

Five built-in color templates give you a quick starting point:

Theme	Style	Background	Accent
Classic Blue	Light	`#FFFFFF`	`#083BD9`
Midnight Sky	Dark	`#1F262E`	`#083BD9`
Crimson Night	Dark	`#050608`	`#9E0000`
Twilight Horizon	Dark	`#282D33`	`#7642D3`
Sunset Sands	Warm	`#E6E6E6`	`#FFB611`

You can apply a template to general colors, home colors, or both at once — then customize from there.