Supplier Portal Banner

Version 24.2.0 - User Manual- Design/Display pwa

This feature is implemented for user to experience different themes of the supplier portal, admin user can configure the portal theme of supplier portal.

There are three types of theme configuration.

  1. Light Theme
  2. Dark Theme
  3. Custom Theme

Light Theme:

This is the default theme which is pre-configured with initial installation of Supplier Portal.

Theme can be configured by,

Navigate to Leanswift -> Supplier Portal -> Design/Display PWA. Select the scope of website

Under Theme Section, Choose Theme dropdown as ‘Light Theme’.

Light Theme

Supplier Portal theme looks as below,

Portal Light Theme

Dark Theme:

Navigate to leanswift -> supplier Portal -> Design/Display PWA. Select the scope of website

Under Theme Section, Choose Theme dropdown as ‘Dark Theme’.

Dark Theme Configuration

In Dark theme we can configure major two fields,

  1. Active Menu Color / Icon Colour: Color code configured here is applied to highlight the text of menu selected in Left side menu and all the icons in Portal.

    Ex: My Purchase Orders, Icons on the right -side menu and Totals stats Icons in every page.

Dark Theme Activelink

  1. Button Colour: Color code configured is applied to all the buttons in Portal.

    Ex: Sign-in button at login page, Reset Password, Create New Account, Confirm, Notify, Advise, My Settings ‘Save’ etc.

Dark Theme Button color

Custom Theme:

Navigate to leanswift -> supplier Portal -> Design/Display PWA. Select the scope of website

Under Theme Section, Choose Theme dropdown as ‘CustomTheme’

Custom Theme Configuration

Custom theme has following fields to be configured:

  1. Icon Colour: color is applied to Filter fields add button border ( “+”) colour, filter delete (“-“) sign color in filters in all pages, Total Stats Icons, Filter attribute selected sign colour.

Custom Theme Icon Color

  1. Button Colour: All the buttons in Portal will appear as configured colour.

    Ex: Sign-in button, Reset Password, Create New Account, Confirm, Notify, Advise, My Settings ‘Save’ etc.

Custom Theme Button Color

  1. Left Side Menu Background Colour: Color applied to Left menu background

Custom Theme Left Side Menu Background Colour

  1. Left Side Menu Colour: Left side menu text colour

Custom Theme Left Side Menu Colour

  1. Left Side Menu Active Link Colour: Color code configured here is applied to highlight the text of menu selected in Left side menu.

Left Side Menu Active Link Colour

  1. Total Stats Background Colour: Color is applied to Totals stats background colour in every page.

Total Stats Background Colour