Change the color of the Magellan toolbar icons

Publishing

The Magellan toolbar icons are embedded svg files.

Toolbar with annotation

An embedded svg is basic xml so it can be referred to from the CSS.

  1. Open the themestyles.css file in your theme folder.

  2. Add the following CSS to themestyles.css, editing it to suit your needs:

    /* color embedded SVG icons */
    header#desktop .top_icons .top_icons_menu {
        fill: update to your preferred color or value;
    }

    header#ipad .m_top_icons>li>a>svg {
        fill: update to your preferred color or value !important;
    }