Five Customization

Most settings are in Webstore → Appearance → Edit Template → Options.

For advanced customization, edit the template files directly.

Colors

Edit the CSS variables at the top of style.css:

:root {
  --background: rgb(28, 36, 44);
  --background-transparent: rgba(28, 36, 44, 0.85);
  --footer: #141820;
  --transparent: rgba(255, 255, 255, 0.15);
  --panel: #25323E;
  --border: #2C3A47;
}

Navbar Icons

Navbar icons are managed from the Tebex dashboard. Go to Tebex → Packages, edit the category you want to set an icon for, and upload an image. It will appear automatically in the navbar.

Package Badges

In layout.html, find badge around line 60:

badge: {
    text: '<span class="mdi mdi-plus"></span> Good Deal',
    packages: [
        '4215903',
    ]
}

Add package IDs to the array. Find the ID in the URL when editing a package.