How to customize LabCollector login page colors? - LabCollector

Search Knowledge Base by Keyword

How to customize LabCollector login page colors?

You are here:
← All Topics
SUMMARY:

LabCollector now allows to change color of the instance that matches your logo or your institute theme color. You can make solid or gradient colors as well.

Please follow the below steps to see how to change the color of LabCollector instance.

1.Customize the login page and LabCollector

  • Lab Logo
  • Primary/Menu Color
  • Primary/Menu Color
  • Login Corners

1.Customize the login page and LabCollector

  • Go to ADMIN -> SETUP -> GENERAL SETTNGS, LOGO, MODULES NAMES, ETC and go to customization to change the colors and corners of login page.

Lab Logo:

  • Here you can upload the image of your logo.
  • You need to click on for the change to save.

Primary/Menu Color:

  • Here you can change the primary color of your login page.
  • You have the possibility to add either standard or custom color.
  • Standard colors allow you have
    • LabCollector colors (Orange, blue, dark blue, green)
    • Blue color with it shades
    • Red color with it shades
    • Green with it shades
    • Black
    • Gradients of blue, green orange
  • Custom colors that help you to add the RGB, Hex color code or color picker.
  • You need to click on for the change to save.
  • Example of gradients of blue and orange are shown below.
    *The logo color was edited to be same as the gradient color.

 

Secondary/Menu Color:

  • Here you can change the secondary color of your login page.
  • You have the possibility to add either standard or custom color.
  • Standard colors allow you have
    • LabCollector colors (Orange, blue, dark blue, green)
    • Blue color with it shades
    • Red color with it shades
    • Green with it shades
    • Black
  • Custom colors that help you to add the RGB, Hex color code or color picker.
  • You need to click on for the change to save.
  • Example of green shown below.
    *The logo color was edited to be same as the login page color.

Login corners:

  • The login page contains the part where you add the login user ID and password.
  • This is where you can customize the look.
  • Either you can add round or normal corners.
  • You need to click on for the change to save.
  • Example like below.

Related topics: