PWA Admin - Future's Relic

App Information

These settings control how your PWA appears when installed on users' devices.

App Name (Full)

Short Name (Shown under icon)

Description

Start URL (Homepage)

Theme Color (Browser UI color)

Background Color (Splash screen)

Color Theme Presets

Choose a pre-designed theme or customize your own colors below. Changes apply to the entire site.

Custom Colors

Primary Color (Buttons, links, accents)

Secondary Color (Alternative accents)

Success Color (Positive actions)

Background Color (Main background)

Card Background (Panels and cards)

Background Gradient

Create a gradient background for the body. Leave both colors empty to use solid background color.

Gradient Start Color

Gradient End Color

Gradient Angle (degrees)

PWA Icon Upload

Upload a square image (512x512 or larger recommended). All required PWA icon sizes will be generated automatically.

🖼️

Drop your icon here or click to browse

PNG, JPG, or WebP • Square format recommended • Min 512x512px

Icon Preview & Editing

Icon Adjustments

Scale 100%

Resize the icon (smaller icons leave more space for padding)

Padding / Border 0px

Add padding around the icon for a cleaner look

Background Color

Set background color or use transparent

Corner Roundness 0%

Round the corners of the icon (iOS style)

Current App Icon

Favicon Generator (Separate from App Icon)

Generate a separate favicon (32x32) with transparent background or custom styling. This won't affect your PWA app icons above.

⭐

Drop your favicon image here or click to browse

PNG, JPG, or WebP • Square format recommended • Will be resized to 32x32px

Favicon Preview & Editing

Preview shown at 400x400 • Will be saved as 32x32

Favicon Adjustments

Scale 100%

Resize the favicon

Padding / Border 0px

Add padding around the favicon

Background Color

Transparent background recommended for favicons

Corner Roundness 0%

Round the corners of the favicon

Current Favicon

Shown on checkered background to display transparency

Hamburger Menu Configuration

Configure the hamburger menu items that appear in your app. You can add, edit, reorder, and enable/disable menu items.

Live Preview

This is how your PWA will appear when installed on a user's device.

App Appearance Preview

Future's Relic Rewards

FR Rewards

Welcome!

Your PWA is ready to install

🔒 PWA Admin Login

⚙️ PWA Admin Control