Favicon

Favicon

• What is a Favicon:
  A favicon is a small icon displayedthat appears in the browser tab, bookmarks, and history next toalongside the website title.
• Purpose:
  Changing the favicon alignshelps align the application with the customer'customer’s branding,brand, enhancingboosting brand recognition.
• How to See Changes:
  After replacing the favicon, refresh the browser page to seeview the updated icon in the tab header and bookmarks.

Logos (Light & Dark Versions)

• Overview:
  Two versions of the logo are supported:
  • Light Logo: Used with the light theme.
  • Dark Logo (Logo dark): Optimized for the dark theme.
• Purpose:
  Separate logo versions ensure that the branding remains clear and visually appealing regardless of the chosen theme.
• Display Location:
  Both logos appear in the upper left corner of the application, automatically switching based on the active theme.

CSS Customization (Predefined File vs. Custom CSS)

• Options:
  • Predefined CSS File:
    A ready-made CSS file containing all the necessary custom styles.
  • Custom CSS Field (Code Editor):
    An integrated editor allowing direct input of CSS code.
• Step-by-Step Process:
  1. Identify the Required Selector or Variable:
     • Open the application in your browser.
     • Right-click the target element and choose “Inspect Element” (or “View Code”) to open DevTools.
     • Locate the relevant CSS selector or variable.
  2. Test Changes in DevTools:
     • Modify the CSS directly in DevTools to preview the changes in real time.
  3. Apply the Changes:
     • For a permanent update, either upload the updated CSS file or paste the modified code into the Custom CSS field.
  4. Verify the Result:
     • Save your changes and refresh the page to ensure the new styles are correctly applied.

Default Settings

• Explanation:
  The "Default" field designates that the given White Label item is applied by default. If no alternative configuration is selected, these settings will be automatically active.

Multiple White Label Items

• Flexibility:
  The system supports the creation of an unlimited number of White Label items, allowing for diverse configurations tailored to various brands or projects.

Marketplace Configuration

• Overview:
  White Label items can be further configured for publication in the Marketplace, enabling reuse across different projects.
• Instruction Placeholder:
  [Arkadiy]
  

Import/Export Functionality

• Overview:
  The import/export feature allows easy transfer of White Label configurations between projects, supporting backup creation and sharing.
• Instruction Placeholder:
  [Arkadiy]