Theme Configuration
Overview
The Theme Configuration page allows partners and merchants to customize the visual appearance of the dashboard to match their brand identity.
This includes managing brand names, colors, and logos used across the platform such as login pages, dashboard, and loading screens.
Host Details
Host details define how the partner or merchant brand is displayed across the system.
Host Details Fields
| Field | Description |
|---|---|
| Arabic Name | Brand name displayed in Arabic |
| English Name | Brand name displayed in English |
| Partner Domain | Assigned domain used to access the branded dashboard |
Colors Palette
The Colors Palette section allows customization of brand colors used in the user interface.
Color Configuration Fields
| Field | Description |
|---|---|
| Primary Color | Main brand color used across buttons and highlights |
| Sidebar Color | Background color of the sidebar |
| Sidebar Icon Color | Color used for icons inside the sidebar |
Color values are entered using HEX format.
Dark Mode
Dark mode can be enabled to customize colors and assets specifically for dark mode display.
| Option | Description |
|---|---|
| Dark Mode | Enable to customize brand assets for dark mode usage |
Media Center
The Media Center allows managing images used in light and dark modes across the platform.
Media Center Assets
| Asset Type | Description |
|---|---|
| Login Logo | Logo displayed on the login page |
| Login Carousel Images | Images displayed on the login page carousel (max 5) |
| Dashboard Logo | Logo displayed in the dashboard header |
| Loader Logo | Logo displayed during system loading |
| Tab Logo | Icon displayed in browser tabs |
Partners can add, replace, or delete images at any time.
Live Preview
All changes made to colors and images are previewed instantly on the interface, allowing users to review branding before saving.
Saving Theme Settings
After configuring host details, colors, and media assets:
- Click Save to apply changes
- Changes are reflected immediately across the platform
Key Notes
- Images should follow recommended size and format guidelines
- Carousel images are limited to a maximum of 5
- Dark mode assets should be uploaded separately if enabled
Updated 25 days ago