You are browsing the documentation for iTop 3.0 which is not the current version.

Consider browsing to iTop 3.1 documentation

Changing main colors

Prerequisite: You must be familiar with the Syntax used in Tutorials and have already created an extension.

learning:
Change the **primary** colors of the Console in the **fullmoon** theme
level:
Beginer
domains:
XML
min version:
3.0.0

It is possible with the ITSM Designer (or an XML extension) to change the colors used to display the Buttons, search banner, line-over and hyperlinks in the iTop Console, to align it to your company color codes.

Standard colors

XML

itop_design / branding / themes / theme@fullmoon
       <variables>
          <variable id="ibo-color-primary-100" _delta="define">$ibo-color-blue-100</variable>
          <variable id="ibo-color-primary-200" _delta="define">$ibo-color-blue-100</variable>
          <variable id="ibo-color-primary-300" _delta="define">$ibo-color-blue-300</variable>
          <variable id="ibo-color-primary-400" _delta="define">$ibo-color-blue-400</variable>
          <variable id="ibo-color-primary-500" _delta="define">$ibo-color-blue-500</variable>
          <variable id="ibo-color-primary-600" _delta="define">$ibo-color-blue-500</variable>
          <variable id="ibo-color-primary-700" _delta="define">$ibo-color-blue-600</variable>
          <variable id="ibo-color-primary-800" _delta="define">$ibo-color-blue-800</variable>
          <variable id="ibo-color-primary-900" _delta="define">$ibo-color-blue-900</variable>
       </variables>

To past in the ITSM Designer or within an extension

New colors

3_0_0/customization/change-main-color.txt ยท Last modified: 2022/11/10 17:20 (external edit)
Back to top
Contact us