Author Topic: The dark forum theme has arrived  (Read 317 times)

0 Members and 1 Guest are viewing this topic.

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
The dark forum theme has arrived
« on: February 01, 2017, 07:49 »
Two weeks ago I was playing around with the element inspector on the forum and decided to ask if anyone would be up for a dark theme Now the dark version of the forum theme is finally here!

TMS: Dark Theme

There's nothing more irritating than opening a website at 4 a clock in the morning and having the power of a thousand suns brighten your face.
And this is exactly what motivated me to create this theme  :biggrin:

The first big part was obviously changing the "look and feel" of the forum which mainly meant changing the colors everywhere. It took a while before I had them down to something I felt comfortable with as well.

TMS Light (old):



TMS Dark:




But it didn't stop there.. I actually spent a ton of time fixing the smileys.. Most of them had a white border around them which made them look crap on a dark background. (the gifs were the worst since I had to fix them frame by frame)







The stars and membergroup colors also got an upgrade:





These small icons also got an update (finally)





The message icons got revamped:




How do you activate/disable this theme?

Navigate to PROFILE -> Look and layout -> Current theme -> "change" -> Select "TMS Light" or "TMS Dark".




What now?

The "white" theme will remain the default one, still looking into a way to change themes using simply a button in the header. (which would make it much easier to switch)
Enjoy! And please do report bugs when you spot them! :holmes:

22/02/2017 UPDATE

Removed the blue tint in the board categories, as well as the white line.

Old


Removed white and blue


Merged into one board category


In the footer the blue was also removed from the title, and the smaller titles are also more subtle now. The bottom now has the same dark colour as the rest of the background.

Old


New
« Last Edit: February 22, 2017, 07:36 by Mave »

Offline lextoc

  • VIP
  • Full Member
  • *
  • Posts: 277
  • I like pizza.
Re: The dark forum theme has arrived
« Reply #1 on: February 02, 2017, 07:43 »
If I ever play hide and seek I will make sure to go to looks and layout.

Nice theme btw! I use  ::3:

Offline Mauri

  • (`・ω・´)
  • Global Moderator
  • Master Member
  • ********
  • Posts: 6334
  • Of course, my horse
Re: The dark forum theme has arrived
« Reply #2 on: February 02, 2017, 02:30 »
Very good job Mave!

Offline Stybar

  • Master Member
  • ********
  • Posts: 8530
  • durrrr
Re: The dark forum theme has arrived
« Reply #3 on: February 02, 2017, 04:28 »
Looks awesome Mave, nice job!

Offline lextoc

  • VIP
  • Full Member
  • *
  • Posts: 277
  • I like pizza.
Re: The dark forum theme has arrived
« Reply #4 on: February 02, 2017, 06:03 »
This theme really rocks, looking at it again!

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
Re: The dark forum theme has arrived
« Reply #5 on: February 02, 2017, 07:05 »
Thank guys, glad everybody likes it  :pimp:

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
Re: The dark forum theme has arrived
« Reply #6 on: February 22, 2017, 07:32 »
UPDATE: Changed a few small things, details in first post.

Offline lextoc

  • VIP
  • Full Member
  • *
  • Posts: 277
  • I like pizza.
Re: The dark forum theme has arrived
« Reply #7 on: February 22, 2017, 08:05 »
When will the update go live? I still have the old version.

Nice work btw!  :thumbsup:

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
Re: The dark forum theme has arrived
« Reply #8 on: February 22, 2017, 09:02 »
When will the update go live? I still have the old version.

Nice work btw!  :thumbsup:
It is live, use CONTROL+SHIFT+R to reload the cache.

Offline lextoc

  • VIP
  • Full Member
  • *
  • Posts: 277
  • I like pizza.
Re: The dark forum theme has arrived
« Reply #9 on: February 22, 2017, 10:30 »
Ah yes, that did the trick. Looks great!

Only have the feeling a bottom border is missing here: https://cl.ly/131y0x2e3w0s/Image%202017-02-22%20at%2011.29.46%20AM.png

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
Re: The dark forum theme has arrived
« Reply #10 on: February 22, 2017, 11:10 »
Ah yes, that did the trick. Looks great!

Only have the feeling a bottom border is missing here: https://cl.ly/131y0x2e3w0s/Image%202017-02-22%20at%2011.29.46%20AM.png
That's weird, it shouldn't do that and I don't see it as you can see in the screenshot above: http://themavesite.com/TMS-Pictures/Forum/2017/DarkTheme/3.png
Will look into it though.

EDIT: Could you try again now, it's now 2px instead of one.
« Last Edit: February 22, 2017, 11:13 by Mave »

Offline lextoc

  • VIP
  • Full Member
  • *
  • Posts: 277
  • I like pizza.

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310

Offline lextoc

  • VIP
  • Full Member
  • *
  • Posts: 277
  • I like pizza.
Re: The dark forum theme has arrived
« Reply #13 on: February 22, 2017, 12:19 »
Chrome

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
Re: The dark forum theme has arrived
« Reply #14 on: February 22, 2017, 12:28 »
Chrome
Good news: I found what causes this. Bad news: disabling this will result in some things breaking...

Code: [Select]
/*
Special styles for Safari (and other Webkit-based browsers like Chrome)
Webkit needs this otherwise the post goes off to the right.
Causes issues in IE browsers, and breaks cached search engines pages.
*/

table.table_list tbody.header td div.cat_bar
{
/* margin-bottom: -1px; */
}

So for now I guess I'll have to leave it at this 1px difference.

Offline lextoc

  • VIP
  • Full Member
  • *
  • Posts: 277
  • I like pizza.
Re: The dark forum theme has arrived
« Reply #15 on: February 22, 2017, 12:30 »
Okay, cool. It's really not that big of a problem haha, just giving heads up.

Offline Stybar

  • Master Member
  • ********
  • Posts: 8530
  • durrrr
Re: The dark forum theme has arrived
« Reply #16 on: February 22, 2017, 04:27 »
Ahh, cross browser CSS problems. Fun, right?

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
Re: The dark forum theme has arrived
« Reply #17 on: February 22, 2017, 05:23 »
Ahh, cross browser CSS problems. Fun, right?
Why do we still even have this shit in 2017?

Offline Stybar

  • Master Member
  • ********
  • Posts: 8530
  • durrrr
Re: The dark forum theme has arrived
« Reply #18 on: February 23, 2017, 04:17 »
A teacher of mine once had the expression "Mankind can put a man on the moon, but the same styling across 3 different browsers is nearly impossible"

Offline Mave

  • TMS Founder
  • Administrator
  • Godfather
  • *********
  • Posts: 122310
Re: The dark forum theme has arrived
« Reply #19 on: February 24, 2017, 05:58 »
A teacher of mine once had the expression "Mankind can put a man on the moon, but the same styling across 3 different browsers is nearly impossible"
Sounds like an awesome teacher.