Sidebar

Using iTop

Creating your iTop

iTop Customization

"How to" examples
DataModel

User Interface

Automation & Ticket management

Portal Customization

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

Consider browsing to iTop 3.2 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 paste in the ITSM Designer or within an extension

New colors

3_1_0/customization/change-main-color.txt ยท Last modified: 2023/07/21 10:19 by 127.0.0.1
Back to top
Contact us