Appearance

Colors and presets

Apply a colour preset or set your own brand colours with a live preview.

On this page
  1. Apply a colour preset
  2. Customise each colour
  3. Related articles

Match your radio directory to your brand in a couple of clicks. Pick a ready-made colour preset or set each colour yourself, and see the result instantly.

Apply a colour preset#

  1. Go to TuneSera → Settings → Design → Colors.
  2. Click a preset: Default, Ocean, Forest or Sunset.
  3. Check the Live preview on the right, switching between Desktop, Tablet and Mobile.
  4. Click Save changes.
Design settings, Colors section, with presets Default, Ocean, Forest, Sunset and Custom, color fields and a live preview
Colour presets and individual colour settings with a live preview.

Customise each colour#

Change any colour by clicking its swatch or typing a hex code. Once you change a colour, the preset switches to Custom.

SettingWhere it is used
Accent colorButtons, links and active states. Your main brand colour.
Page backgroundThe background behind the directory.
Card backgroundStation cards and panels.
Card hover backgroundCards when a visitor hovers over them.
Text colorTitles and main text.
Secondary textDescriptions and less important text.
Border colorBorders, dividers and subtle lines.
Button text colorText on buttons, such as Play.

Click the reset icon next to a colour to restore just that colour, or Restore defaults to reset the whole section.

Make sure text stays easy to read. A light accent colour needs a dark Button text color, and vice versa.

You can also set your brand colour in the setup wizard’s Appearance step.

Pro: Go further with typography, spacing, card shapes and button styles. See Typography and Spacing, shape and buttons. Get TuneSera Pro

Still stuck?Our team usually replies the same day. Open a private ticket and we'll help you sort it out. Open a ticket