Clarity
: System Settings

ccppmop159
HID_system_settings
2
You can use the System Settings page to customize
Clarity
to reflect your organization's branding by updating the header logo, the login logo, and theme colors
Customize Header and Logo
You can customize the header logo and login logo for
Clarity
. You can use this opportunity to customize
Clarity
to reflect your organization’s branding. You can also use it to differentiate between various environments such as development, QA, and production.
ActualsforInvestment.png
Follow these steps:
  1. In
    Clarity
    , click
    Administration
    , and then click
    System Settings
    .
  2. Under Header Logo, click
    Upload New Logo
    to upload the new header logo. This logo will appear on a white background color. Hence, we recommend a dark color logo. The height of your logo should be 24 pixels and it can have a maximum width of 240 pixels.
  3. Under Login Logo, click
    Upload New Logo
    to upload the new login logo. This logo will appear on a dark background color. We recommend a light color logo.
  4. You can also specify the tooltip in the IMAGE TOOLTIP field.
Some key points to remember when you update logos are:
  • Your change will be visible immediately after you update the logo. If you want to try different options, please use the test or development instances of
    Clarity
    .
  • You can upload PNG or transparent GIF formats.
    Clarity
    will honor all the restrictions imposed by
    Classic PPM
    on file types and file size. For more information about allowed file types and size, see Set Document Management Options.
  • If you try to use images, which do not follow these recommendations, you will get an API error.
Customize Theme Colors
You can customize the background color and the foreground colors to reflect your organization’s branding. You can also use it to differentiate between various environments, such as development, QA, and production. You can also select the light or dark color scheme for menu icons, text, and login logo.
Theme.png
Clarity
supports the following CSS color formats:
  • HEX
  • RGB
  •   HSL
Follow these steps:
  1. In
    Clarity
    , click
    Administration
    , and then click
    System Settings
    .
  2. Under Theme colors, select the relevant background color. The background color will appear on the left navigation and login screen.
  3. Under Theme colors, select the relevant foreground color. The foreground color applies to icons and text in the left navigation menu.