Page 1 of 1

Dark theme for 2.5.1 (or above?)

Posted: 05 Dec 2017, 10:59
by 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

Re: Dark theme for 2.5.1 (or above?)

Posted: 05 Dec 2017, 17:31
by 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 !!!

Re: Dark theme for 2.5.1 (or above?)

Posted: 14 Dec 2017, 09:11
by rkarmann
Hi there,

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

Re: Dark theme for 2.5.1 (or above?)

Posted: 14 Dec 2017, 09:23
by 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.

Re: Dark theme for 2.5.1 (or above?)

Posted: 14 Dec 2017, 09:37
by 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. :P

Re: Dark theme for 2.5.1 (or above?)

Posted: 14 Dec 2017, 12:23
by Tagirijus
I'll probably update this thread then, of course! :)

Re: Dark theme for 2.5.1 (or above?)

Posted: 30 Dec 2017, 23:18
by Tagirijus
As in the updated starting post: I managed to write a plugin. You can get it here:

https://github.com/Tagirijus/MantisBTDarkTheme

Re: Dark theme for 2.5.1 (or above?)

Posted: 31 Dec 2017, 14:59
by 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...

:P

Re: Dark theme for 2.5.1 (or above?)

Posted: 30 Jan 2018, 11:21
by RedSpider
is there a screenshot of the dark theme? :)

Re: Dark theme for 2.5.1 (or above?)

Posted: 30 Jan 2018, 11:33
by Tagirijus
I just added a screenshot on the github page. Here it is:

Image

Re: Dark theme for 2.5.1 (or above?)

Posted: 31 Jul 2018, 08:55
by 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?

Re: Dark theme for 2.5.1 (or above?)

Posted: 31 Jul 2018, 19:18
by 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...

Re: Dark theme for 2.5.1 (or above?)

Posted: 31 Jul 2018, 20:35
by 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. ;)

Re: Dark theme for 2.5.1 (or above?)

Posted: 10 Aug 2018, 14:44
by Marcus-W
rkarmann wrote: 31 Jul 2018, 19:18 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.