icinga / icingaweb2-theme-company

Example theme for Icinga Web 2

Company Theme example for Icinga Web 2

This is an example to give you an idea how to start modifying the theme of Icinga Web 2 to your needs.

Requires:

• Icinga Web 2.5 or newer

Only a few things are tweaked right now:

• Main logo in the interface replaced by a corporate logo
• Colors of Icinga tuned for a corporate CI
• Login background changed

In every theme, the base theme of Icinga Web 2 is applied, and modifications need to be added incrementally.

You can find the overall theme on GitHub or on your local system under /usr/share/icingaweb2/public/css/icinga.

How to install

Install these theme repository like any other Icinga Web 2 module at:

/usr/share/icingaweb2/modules/company

Enable the module:

icingacli module enable company

Then you can select the theme in the admin or user UI.

Tweak it to your needs, you can also change the module name or incorporate the files into your own module.

Contribution

Feel free to add your ideas and examples here as well. Just add or modify a theme.

License

Unless otherwise noted the license of these examples is Public Domain.

Icinga Web related examples were created by: Markus Frosch

The ACME Logo was taken from acmelogos.com by Mackenzie Child. No specific license was documented there, but the purpose seems to be intended for free-use.

Other images:

• samson-duborg-rankin-91091 Samson Duborg-Rankin on Unsplash

icingaweb2-theme-company's Issues

Question: theme-company cant access images

Hi,
I'm running icingaweb2-2.11.4-1.el7.noarch and have just started playing with this module. I was wondering if you could help provide where the images folder is resolved to on the server?

When I load icingweb with the company default theme enabled, the CSS file public/css/themes/default.less seems to be read ok, as I'm able to change the variable

@icinga-blue: #2196F3;

and the background gets fully changed, plus the front end application tries to load the images specified on the file. Yet, neither of the images gets loaded (404 not found on dev tools).

I was wondering if you can tell which one should be the path to the folder (either absolute or relative for the module path: img/.<svg|jpg>) for icingaweb2 application to be able to serve them.

the relatives url described on the repo yield a 404, and I'm not able to 'guess' which path should be specified (unless I use a remote URL...which should not be)

Thanks in advance

Cannot declare error

Hi!
I'm getting this error when I enable the plugin:

Fatal error: Cannot declare class dipl\Loader\CompatLoader, because the name is already in use in /usr/share/icingaweb2/modules/company/library/vendor/ipl/Loader/CompatLoader.php on line 7

Login

How did you get the stretched Login Interface?
At me its default centered all the time.

Either not compatible or not as advertised

When I choose the theme, it just changes the login-screen background. Is it possible to get the exact same theme you show in the screenshot?

Add example for header logo with text / tab title

Coming from Icinga/icingaweb2#3093 I'd like to suggest an example for either:

• Logo with company name enhanced
• Tab title setting (if possible)

I've seen that with Discourse themes, having such as an example tremendously helps the main product :)

Cheers,
Michael

Compatibility with Icingaweb2 v2.10.x and newer

With the release of v2.10.0 of Icingaweb2, this theme does not seem to work properly like before as it e.g. lacks support for the dark/bright theme.

As this repo is probably the "go to resource" for those like me that just wanted to have "default look", but with own login background image + company logo on top left of the dashboard and on the login page, it would be great to have a new version of this plugin released that is compatible with the new theming possibilities.

This would probably help a lot for those that are not too deep in the development of Icingaweb, but want to adapt the look and feel to their company's branding.

Getting weird error

Hi! I'm getting this error when cloning this repo into the modules folder and then enabling it:

Fatal error: Uncaught Icinga\Exception\ProgrammingError: Cannot find renderer "ConfigHealthItemRenderer" for navigation item "Activity log" in /usr/share/php/Icinga/Web/Navigation/NavigationItem.php:724 Stack trace: #0 /usr/share/php/Icinga/Web/Navigation/NavigationItem.php(748): Icinga\Web\Navigation\NavigationItem->createRenderer('ConfigHealthIte...') #1 /usr/share/php/Icinga/Web/Navigation/NavigationItem.php(608): Icinga\Web\Navigation\NavigationItem->setRenderer('ConfigHealthIte...') #2 /usr/share/php/Icinga/Web/Navigation/NavigationItem.php(145): Icinga\Web\Navigation\NavigationItem->setProperties(Array) #3 /usr/share/php/Icinga/Web/Navigation/Navigation.php(139): Icinga\Web\Navigation\NavigationItem->__construct('Activity log', Array) #4 /usr/share/php/Icinga/Web/Navigation/Navigation.php(205): Icinga\Web\Navigation\Navigation->createItem('Activity log', Array) #5 /usr/share/php/Icinga/Web/Navigation/Navigation.php(568): Icinga\Web\Navigation\Navigation->addItem('Activity log', Array) #6 /usr/share/php/Icinga/Web/Na in /usr/share/icingaweb2/library/vendor/Zend/Controller/Plugin/Broker.php on line 332

This is the command i used to clone the repo:

sudo git clone https://github.com/Icinga/icingaweb2-module-director.git /usr/share/icingaweb2/modules/ourtheme