Sidebar

Using iTop

Creating your iTop

iTop Customization

"How to" examples
DataModel

User Interface

Automation & Ticket management

Portal Customization

:: Version 3.2.0 ::

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 paste in the ITSM Designer or within an extension

New colors

3_2_0/customization/change-main-color.txt ยท Last modified: 2024/06/20 17:28 (external edit)
Back to top
Contact us