This page contains guidelines for developing Indico's user interface.

Hover color

In a list of items, such as a list of users or categories, or others, we should use a color when the mouse hovers the element. This can be done through the CSS :hover rule.

There are two cases: if clicking on the item will do something, or not.

• If a click will do something, we should use a light orange color (#FFF6DF):         

• If not, we should use a light gray color (#ECECEC):         

Selection color

Also in lists of items, we should use a green color (#CDEB8B) for selected items.

Selection color:         

Red warning color

For lines of text which represent a warning, we should use the "Indico red" color (#881122), and possibly font-weight: bold

This is a warning

Green success color

For lines of text which represent a successful ajax operation, we should use a green color (#118822)

This is a warning