Dark theme for 2.5.1 (or above?)

[Tagirijus]

Hi there,

I tried to make a darker theme for MantisBT 2.5.1. Unfortunately it did not go out very well. I still want to post my results here:

--- EDIT
I deleted the CSS code in this post and attached a ZIP with CSS files in the other post reply. Have a nice day!
--- EDIT

And ask: are there any skins / themes for MantisBT 2.5.1 out there? Or are there any possibilities to skin it in an easy way instead of Chrome + "Ctrl+Shift+C" + hovering over the elements to get the class name + overwriting that class ??


FYI: I already searched this forum many times and the web but I could only find some kind of themes for MantisBT 1.3 or so. I appreciate every help!


Edit:
I managed to write a plugin, which might theem Mantis darker now. There might still be bugs:

https://github.com/Tagirijus/MantisBTDarkTheme

[Tagirijus]

Ok, I managed to tweak the existing css files a bit and added my own improved default.css - I attached all files for those who are also seeking for a dark theme of mantis bug tracker. I am no professional webdesigner!

Oh and of course: backup the original files !!!

[rkarmann]

Hi there,

Did you consider to write a plugin ? Using JQuery and custom CSS stylesheet for example ?

[Tagirijus]

No, I did not even know that you could achieve this theming with plugins. MOreover I unfortunately would totally not know how to do this at the moment. Thus I had to spend more time here, while I already achieved my goal for me at least.

Maybe I'll check the thing with plugins later, thanks for the idea.

[rkarmann]

In fact, I'm thinking about writing a little UI theme plugin.

So, if you ever get time to achieve this, your help might be welcome. Let me know if you go further in the development of such a UI theme.

[Tagirijus]

I'll probably update this thread then, of course!

[Tagirijus]

As in the updated starting post: I managed to write a plugin. You can get it here:

https://github.com/Tagirijus/MantisBTDarkTheme

[rkarmann]

Wow, excellent work dude !!! It's really nice this way. I'm wondering if somehow this could be integreated feature that allows user to personnalze UI moreover...

[RedSpider]

is there a screenshot of the dark theme?

[Tagirijus]

I just added a screenshot on the github page. Here it is:

[Marcus-W]

Hi Mate,

this is actually pretty great as it basically allows to create an own theme without changing the default.css

Everything works just great, but the plugin won't load on every page. E.G. If I use the search bar, the result page doesn't load the theme. It's not the only page that doesn't load the theme though. Any workaround, alternative or fix?

[rkarmann]

Hey,

Actually, I think it might happen because not all the Events are called on every pages.

In MantisBTDarkTheme.php

Code: Select all

  function hooks() {
    return array(
        'EVENT_LAYOUT_RESOURCES' => 'add_css'
    );
  }

This is the event that is triggered to add the CSS link. Maybe that's a good start, and you should take a look at the Mantis Documentation / Plugins / Event System

Switching the 'EVENT_LAYOUT_RESOURCES' with some Core Events like 'EVENT_CORE_READY' might be an intersting tweak...

[Tagirijus]

I did not look into this and at the moment I do not have the time for this unfortunately, sorry. Pull request are weclcome though, if somebody else might want to look into this.

[Marcus-W]

This is the event that is triggered to add the CSS link. Maybe that's a good start, and you should take a look at the Mantis Documentation / Plugins / Event System

Switching the 'EVENT_LAYOUT_RESOURCES' with some Core Events like 'EVENT_CORE_READY' might be an intersting tweak...

Hey, thanks for the reply, I tried to simply swap those two but it basically made it worse, should look more into the documentation you provided.

I skipped working on it since I posted the error and I'm on vacation for the next 2 weeks, but I'm still trying to fix it. Any idea is welcome.