TDF forum theme

Faun · May 1, 2015

Dark and Light themes for the forum.
Main ideas behind these two themes:
1. Keep the minimalism
2. Easy on eyes

TDF Light
Album on Imgur
*i.imgur.com/fhCEKsf.png

TDF Dark
Album on Imgur
*i.imgur.com/MOIlxxn.png

How to apply/update the themes

0. (Recommended step) Choose "Neo TDF Member" theme
*farm9.staticflickr.com/8864/17523728201_44d850ab72_o.png

1. Install Stylish from firefox addons
*addons.mozilla.org/en-Us/firefox/addon/stylish/
*farm8.staticflickr.com/7720/17337566929_0a69525b65_b.jpg

or for Chrome
*chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en
*farm9.staticflickr.com/8712/16901327974_89c073ae2f_b.jpg

or Opera
*addons.opera.com/en/extensions/details/stylish/?display=en
*farm8.staticflickr.com/7793/16903561393_7cf4476cc6_b.jpg

2. Then apply the theme from this URL
TDF Light
*userstyles.org/styles/114136/tdf-light

TDF Dark
*userstyles.org/styles/113322/tdf-dark

*farm8.staticflickr.com/7756/16903547873_9876bf5183_b.jpg

PS: Tested in Firefox, Chrome, and Opera.

Shah · May 1, 2015

I very much welcome it. A dark theme would be ease on our eyes.

One suggestion: The bg color of bar above the each post (the one with date and Post/Reply Number) can be of different color.

Vyom · May 1, 2015

^^ I second that suggestion.

Also, the Blue colour of the Thread titles can be make a little brighter too, to have a good contrast with the darker background. I really love a dark theme on TDF. Been dreaming about one since long.
Thanks Anorion. What's the link to this theme?

Faun · May 1, 2015

Shah said:
I very much welcome it. A dark theme would be ease on our eyes.

One suggestion: The bg color of bar above the each post (the one with date and Post/Reply Number) can be of different color.

Changed color of post header.

Vyom said:
^^ I second that suggestion.

Also, the Blue colour of the Thread titles can be make a little brighter too, to have a good contrast with the darker background. I really love a dark theme on TDF. Been dreaming about one since long.
Thanks Anorion. What's the link to this theme?

Changed blue to a more bright color.

Here is the link, it's still in progress so few things won't look as good.
*userstyles.org/styles/113322/tdf-dark

You will have to install Sylish extension for firefox
*addons.mozilla.org/en-us/firefox/addon/stylish/

I haven't checked it in chrom or opera. Both have Stylish extension.

$hadow · May 1, 2015

Looks nice. Many will surely prefer dark theme.

abhigeek · May 1, 2015

[MENTION=20614]Faun[/MENTION] you wrote whole code all by yourself?

Good job faun :doublethumb:

Vyom · May 2, 2015

Installed the Stylish theme now. It's better than the screenshot. Just needs polish. Will the theme get autoupdate if you update it Faun? Or if we again need to install it, please let us know when to do it.

Btw, the Quick Reply box is still all white. Can be toned to some shade of grey.

Faun · May 2, 2015

$hadow said:
Looks nice. Many will surely prefer dark theme.

I was tired of TDF's default theme and the black theme doesn't look any better, just too much black.

abhigeek said:
[MENTION=20614]Faun[/MENTION] you wrote whole code all by yourself?

Good job faun

Thanks. It's just CSS editing.

Vyom said:
Installed the Stylish theme now. It's better than the screenshot. Just needs polish. Will the theme get autoupdate if you update it Faun? Or if we again need to install it, please let us know when to do it.

Btw, the Quick Reply box is still all white. Can be toned to some shade of grey.

I will update here when I do further updates.

Yeah, qucik reply and few other things are on to do list. Just need to squeeze in some time for that. I will likely do it on weekend but got some exam soon so progress will be slow.

Nerevarine · May 2, 2015

Awesome work faun! Really needed a good dark theme to deal with eye stress...
Also, I am in the screenshot, now I feel special

Faun · May 2, 2015

[MENTION=77264]Vyom[/MENTION]
reply textarea done. Modified few more things.

Nerevarine said:
Awesome work faun! Really needed a good dark theme to deal with eye stress...
Also, I am in the screenshot, now I feel special

Thanks. Haha...I was thinking of adding new screenshots...but later now.

Feedback much appreciated.

Vyom · May 2, 2015

Yea. updates are good. Just a small problem.. The line with "UserCP" link gets dissapear when the theme is activated.

Faun · May 2, 2015

^^ok, I get it. Didn't see that and never used that before. So kept it hidden.

Will sort it out.

- - - Updated - - -
[MENTION=77264]Vyom[/MENTION]

updated with fix. Same url.
*userstyles.org/styles/113322/tdf-dark

Added CSS 3 fadeIn and fadeOut animations too.

Shah · May 3, 2015

[MENTION=20614]Faun[/MENTION]: Can you add the "What's New" on the menu back? Also, In the redirecting page that appears when you search or log in, The text is unreadable because of it's color.

Faun · May 3, 2015

Shah said:
[MENTION=20614]Faun[/MENTION]: Can you add the "What's New" on the menu back? Also, In the redirecting page that appears when you search or log in, The text is unreadable because of it's color.

[MENTION=129731]Shah[/MENTION]
Those 3 buttons were taking up too much space.
You can find "What's New" in this menu as "Today's Posts"
*i.imgur.com/fOUv6Sd.png

For the text legibility, you can try changing the base them of TDF to "Neo TDF Members". Or you can update the theme, I have updated the theme with color override. Let me know if that works.
*i.imgur.com/FTxmATQ.png

Updated Theme:
*userstyles.org/styles/113322/tdf-dark

Shah · May 4, 2015

Faun said:
[MENTION=129731]Shah[/MENTION]
Those 3 buttons were taking up too much space.
You can find "What's New" in this menu as "Today's Posts"
*i.imgur.com/fOUv6Sd.png

For the text legibility, you can try changing the base them of TDF to "Neo TDF Members". Or you can update the theme, I have updated the theme with color override. Let me know if that works.
*i.imgur.com/FTxmATQ.png

Updated Theme:
*userstyles.org/styles/113322/tdf-dark

Updated the theme, The text is readable on that page now.

Vyom · May 4, 2015

Here's the side by side comparison of old and new dark theme.

*i.imgur.com/A6lHLfu.png

As can be seen:
1. These icons when clicked use to take us to the last unread post. Very useful. Didn't see no point in hiding them.
2. These icons when double clicked use to mark the section as read. Not much used, but helpful at some occasions.
3. The evil "Unsubscribe" button, when accidentally clicked use to get unsubscribe without even a confirmation. If these can be hide, that would be Awesome.
4. This text along with "Footer" section (not shown in the image) is still dark on black background. Not much legible.

These are some issues, which is preventing me from using the dark theme primarily.

Faun · May 4, 2015

Vyom said:
Here's the side by side comparison of old and new dark theme.

*i.imgur.com/A6lHLfu.png

As can be seen:
1. These icons when clicked use to take us to the last unread post. Very useful. Didn't see no point in hiding them.
2. These icons when double clicked use to mark the section as read. Not much used, but helpful at some occasions.
3. The evil "Unsubscribe" button, when accidentally clicked use to get unsubscribe without even a confirmation. If these can be hide, that would be Awesome.
4. This text along with "Footer" section (not shown in the image) is still dark on black background. Not much legible.

These are some issues, which is preventing me from using the dark theme primarily.

1. The way I browse the forum is pretty adhoc. I go to the subforum and then to the last post in the thread I am interested. Don't ever use the subscriptions page. Disabled email notifications too. The icon can be displayed. The current image icon doesn't look any better with the dark theme. Will find a good set. If you got any recommendations then let me know.
2. Again, never use this functionality. Agree that it is of not much use.
3. Yeah, it will be easy to hide.
4. The grey text is useful for new joiners but for others it's just a mere repetition and draws the attention away from the content. You will see same theme applied in post. Signature text and user details are in grey text while the actual post content is white colored. Simply for the sake of less distraction.

I will roll out the next update after this week. Tied up in other work.

- - - Updated - - -

Shah said:
Updated the theme, The text is readable on that page now.

Cool

Code:

import re
import operator

inFile = open('list.txt')
outFile = open('list_new.txt','w')

index = []
fileRowArray = []

gameNameandURL = {}
sortedGameNameandURL = {}
sortedIndexedGameNameAndURL = {}

count = 0

fileRow = inFile.readline().strip()
index.append(fileRow)

def GenerateSortedIndexed( fileRowArray):
    try:           
        gameNameArray = [ g.group(1) for x in fileRowArray for g in [ re.search('\](.+?)\[',x) ] if g]
    except AttributeError:
        gameNameArray = "Not found !"        

    gameNameandURL = dict(zip(gameNameArray,fileRowArray))
    sortedGameNameandURL = sorted(gameNameandURL.items(), key=operator.itemgetter(0))
    sortedIndexedGameNameAndURL[count] = sortedGameNameandURL
    del gameNameArray[:]
    del fileRowArray[:]
    gameNameandURL.clear()


for line in inFile:
    fileRow = line.strip()    
           
    if (fileRow.startswith("[B]")):
        
        GenerateSortedIndexed( fileRowArray)
        
        index.append(fileRow)
        count = count + 1
        

    if (fileRow != '' and not fileRow.startswith("[B]") ):
        fileRowArray.append(fileRow)        
        continue
#for loop ends  

    
GenerateSortedIndexed( fileRowArray) 

    
for i in range(len(index) ):
    outFile.write(index[i])
    outFile.write("\n")    
    for j in range(len(sortedIndexedGameNameAndURL[i])):
        outFile.write(str(sortedIndexedGameNameAndURL[i][j][1]))
        outFile.write("\n")
        
    outFile.write("\n\n\n")   
#for loop ends    


outFile.flush()
outFile.close
inFile.close

PHP:

import re
import operator

inFile = open('list.txt')
outFile = open('list_new.txt','w')

index = []
fileRowArray = []

gameNameandURL = {}
sortedGameNameandURL = {}
sortedIndexedGameNameAndURL = {}

count = 0

fileRow = inFile.readline().strip()
index.append(fileRow)

def GenerateSortedIndexed( fileRowArray):
    try:           
        gameNameArray = [ g.group(1) for x in fileRowArray for g in [ re.search('\](.+?)\[',x) ] if g]
    except AttributeError:
        gameNameArray = "Not found !"        

    gameNameandURL = dict(zip(gameNameArray,fileRowArray))
    sortedGameNameandURL = sorted(gameNameandURL.items(), key=operator.itemgetter(0))
    sortedIndexedGameNameAndURL[count] = sortedGameNameandURL
    del gameNameArray[:]
    del fileRowArray[:]
    gameNameandURL.clear()


for line in inFile:
    fileRow = line.strip()    
           
    if (fileRow.startswith("[B]")):
        
        GenerateSortedIndexed( fileRowArray)
        
        index.append(fileRow)
        count = count + 1
        

    if (fileRow != '' and not fileRow.startswith("[B]") ):
        fileRowArray.append(fileRow)        
        continue
#for loop ends  

    
GenerateSortedIndexed( fileRowArray) 

    
for i in range(len(index) ):
    outFile.write(index[i])
    outFile.write("\n")    
    for j in range(len(sortedIndexedGameNameAndURL[i])):
        outFile.write(str(sortedIndexedGameNameAndURL[i][j][1]))
        outFile.write("\n")
        
    outFile.write("\n\n\n")   
#for loop ends    


outFile.flush()
outFile.close
inFile.close

Alok · May 4, 2015

Thanks Its easy on my eyes in night hours

$hadow · May 5, 2015

I am going to stick with neo tdf member. Find it easy on eyes.

Faun · May 5, 2015

Alok said:
Thanks Its easy on my eyes in night hours

Glad to know.

$hadow said:
I am going to stick with neo tdf member. Find it easy on eyes.

Thanks for your opinion.

TDF forum theme

Wahahaha~!

Cyborg Agent

The Power of x480

Wahahaha~!

Geek in making

I

The Power of x480

Wahahaha~!

Incarnate

Wahahaha~!

The Power of x480

Wahahaha~!

Cyborg Agent

Wahahaha~!

Cyborg Agent

The Power of x480

Wahahaha~!

Adventurer

Geek in making

Wahahaha~!