Simplistic Geekhack Themes

[Frenir]

                                                                     Simplistic themes.
I made these simple themes for geekhack with stylebot.

Chrome:
To use the theme simply install Stylebot and click the Install button for your desired theme on this site.
Or click the the Stylebot icon next to your address bar and click "Install from social" while on geekhack, and you should be able to choose my theme.

Firefox:
If you're using Firefox or just want to use Stylish the themes can now be found here.

UPDATES: (newest on top)

More

Fixed bug that overwrote custom font choices in posts Tuesday 1 July 2014, 04:04:51 PM
Removed notify icon and made IM icons hidden  Tuesday 1 July 2014, 02:51:21 PM
Removed more clutter. Also updates with datetime  Monday 30 June 2014, 12:38:33 AM
Fixed color-bug on Ashes theme. Complete darkness achieved.
Themes are now Firefox-Compatible!
Added Austere White Version of 2.0
Added dark version of 2.0
Added 2.0 theme!
Added solarized dark
Added ultra grey (tp4tissue - goth style) version
Now also comes in white, remember to use the respectable standard themes with these edits. So far it's Nostalgia(default) and Thoriated(white)

Geekhack 2.0




More Variants:
Ashes:

More

White (Austere):

More

Tips:
Click the arrow in the right corner to toggle your user avatar and time.
Hover over where contact icons would normally be to display them.
Hover over Info Center to expand.
Peoples online/offline status is now displayed in their name-color (Green - online, grey)


Old Themes:
v1 (KeyCap Version): (only Chrome)

More

(remember you can toggle the avatar on the arrow in the right corner for an even cleaner look)

[jwaz]

So clean!! 

[sacratoy]

So smooth, so clean.

Giving it a try.

Hmm, breaks all the in post images for me. Looking into that.

[Frenir]

So clean!! 

So smooth, so clean.

Giving it a try.

Thank you ^^

[billnye]

Looks awesome! I'm gonna try it out.

[Frenir]

I made some more tweaks.

[tp4tissue]

I find your theme too complicated

[Frenir]

I find your theme too complicated

You're just a goth kid, what do you know!?

#offended

[baldgye]

you got that in a white version??

[Frenir]

you got that in a white version??

I can give it a go

[Frenir]

Added white version of the theme.

[tp4tissue]

I find your theme too complicated

You're just a goth kid, what do you know!?

#offended

me, goth, never heard that before..

The Science... !   I don't need colors or bright lights...  the 2 primary cause of eyestrain from computer use.

switch between my image, and your theme..   notice how much more relaxed your eyes are when looking at the darkness..

the texts brightness are also especially tweaked such that it does not cause an after image like white on black.

It's GREY on black.. specifically grey 46... 

[Frenir]

I find your theme too complicated

You're just a goth kid, what do you know!?

#offended

me, goth, never heard that before..

The Science... !   I don't need colors or bright lights...  the 2 primary cause of eyestrain from computer use.

Show Image

A little orange can't hurt. I understand why you would avoid all white backgrounds, I do that as well.

[tp4tissue]

I find your theme too complicated

You're just a goth kid, what do you know!?

#offended

me, goth, never heard that before..

The Science... !   I don't need colors or bright lights...  the 2 primary cause of eyestrain from computer use.

Show Image

A little orange can't hurt. I understand why you would avoid all white backgrounds, I do that as well.

switch between my image, and your theme..   notice how much more relaxed your eyes are when looking at the darkness..

the texts brightness are also especially tweaked such that it does not cause an after image like white on black.

It's GREY on black.. specifically grey 46... 



now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

[Frenir]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

[tp4tissue]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

hahaha... i understand completely..

For me personally I've reached the point of informational zen...  I just want the information... no fluff....

no colorful images that LIE and tell me to buy something...


If your written words can't convince me... then that's it... I will not give you a chance to w00 me with fire truck Red...

[Frenir]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

hahaha... i understand completely..

For me personally I've reached the point of informational zen...  I just want the information... no fluff....

no colorful images that LIE and tell me to buy something...

I totally get where you're coming from.

[tp4tissue]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

hahaha... i understand completely..

For me personally I've reached the point of informational zen...  I just want the information... no fluff....

no colorful images that LIE and tell me to buy something...

I totally get where you're coming from.

If your written words can't convince me... then that's it... I will not give you a chance to w00 me with fire truck Red...

firetruck red is too powerful..

[Frenir]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

hahaha... i understand completely..

For me personally I've reached the point of informational zen...  I just want the information... no fluff....

no colorful images that LIE and tell me to buy something...

I totally get where you're coming from.

If your written words can't convince me... then that's it... I will not give you a chance to w00 me with fire truck Red...

firetruck red is too powerful..

I can try an optimize the theme for less eye strain if you want :)?

[tp4tissue]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

hahaha... i understand completely..

For me personally I've reached the point of informational zen...  I just want the information... no fluff....

no colorful images that LIE and tell me to buy something...

I totally get where you're coming from.

If your written words can't convince me... then that's it... I will not give you a chance to w00 me with fire truck Red...

firetruck red is too powerful..

I can try an optimize the theme for less eye strain if you want :)?

haha.. I think I've already ripped out as many elements as possible with my current skinning.. which is applied to every interface on my pc.. not just gh..

Ppreciate the offer though...

though, that's not to say... if you can truly come up with a theme that's even DARKER or less straining than mine..  That'd still be awesome..

[Frenir]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

hahaha... i understand completely..

For me personally I've reached the point of informational zen...  I just want the information... no fluff....

no colorful images that LIE and tell me to buy something...

I totally get where you're coming from.

If your written words can't convince me... then that's it... I will not give you a chance to w00 me with fire truck Red...

firetruck red is too powerful..

I can try an optimize the theme for less eye strain if you want :)?

haha.. I think I've already ripped out as many elements as possible with my current skinning.. which is applied to every interface on my pc.. not just gh..

Ppreciate the offer though...

though, that's not to say... if you can truly come up with a theme that's even DARKER or less straining than mine..  That'd still be awesome..

I tried, It's very grey. I hope you like it.

[tp4tissue]

now imagine the WHOLE internet was like this...  just txt, easy readin all the way.

Show Image

As a web-developer that thought makes me shiver.

hahaha... i understand completely..

For me personally I've reached the point of informational zen...  I just want the information... no fluff....

no colorful images that LIE and tell me to buy something...

I totally get where you're coming from.

If your written words can't convince me... then that's it... I will not give you a chance to w00 me with fire truck Red...

firetruck red is too powerful..

I can try an optimize the theme for less eye strain if you want :)?

haha.. I think I've already ripped out as many elements as possible with my current skinning.. which is applied to every interface on my pc.. not just gh..

Ppreciate the offer though...

though, that's not to say... if you can truly come up with a theme that's even DARKER or less straining than mine..  That'd still be awesome..

I tried, It's very grey. I hope you like it.

ooo.. this color scheme would be good for low stress morning use..  Will try in the morning to fully test it out.

[Frenir]

ooo.. this color scheme would be good for low stress morning use..  Will try in the morning to fully test it out.

Sounds good, let me know how you like it after you've tested it out. Tip: All images are grey until you hover over them - for minimum eye strain.

[Frenir]

Added solarized dark as a theme.

[RED-404]

Woot now everything matches as long as I don't leave GeekHack 

[dorkvader]

I remember aggiejy had a minimalistic GH theme that I liked a lot.

[Belfong]

I like it. But do we REALLY need that big-ass key cap at the top?

[rowdy]

Heh you kids and your fancy GUIs

[Belfong]

That's really cool, rowdy!

[Frenir]

Heh you kids and your fancy GUIs

(Attachment Link)

That's pretty cool

I like it. But do we REALLY need that big-ass key cap at the top?

Not really, I wasn't quite sure on it myself - be free to come with suggestions for logos, or maybe you just don't want anything on the top. Let me know.

[billnye]

I remember aggiejy had a minimalistic GH theme that I liked a lot.

Here's the link to that for anyone interested:

https://userstyles.org/styles/87758/aggiejy-s-geekhack-light-theme-1

[Belfong]

I thought if it's minimalist, just do away with the logo and we have more screen estate ie seeing more posts or thread in the browser. After all, that's the intent of minimalist. What do you think?

[Frenir]

Here It is, an even more simplistic theme. Geekhack 2.0!

I've gotten rid of excess icons and annoying white borders + a new logo in the spirit of the orignal.



Please tell me if you have any suggestions and if you find any bugs.

[Frenir]

Geekhack 2.0 - Ashes Version

[user 18]

Heh you kids and your fancy GUIs

(Attachment Link)

This post inspired me to install lynx.

[tp4tissue]

ooo.. this color scheme would be good for low stress morning use..  Will try in the morning to fully test it out.

Sounds good, let me know how you like it after you've tested it out. Tip: All images are grey until you hover over them - for minimum eye strain.

Gave the Grey theme a thorough run today..

I would say it works just fine for daytime use.. and of course still better than black on white..

But now that the day has gotten darker..  the grey is still not as relaxing as black...


I'll admit my priorities are very different from the typical user.. So in that way.. Your Grey theme is a Great-Choice for the Users who wants to get away from black-on-white...

all-n-all, good stuff..

[Frenir]

ooo.. this color scheme would be good for low stress morning use..  Will try in the morning to fully test it out.

Sounds good, let me know how you like it after you've tested it out. Tip: All images are grey until you hover over them - for minimum eye strain.

Gave the Grey theme a thorough run today..

I would say it works just fine for daytime use.. and of course still better than black on white..

But now that the day has gotten darker..  the grey is still not as relaxing as black...


I'll admit my priorities are very different from the typical user.. So in that way.. Your Grey theme is a Great-Choice for the Users who wants to get away from black-on-white...

all-n-all, good stuff..

Show Image

I would think that hard black would be hard for your eyes as well, but that's maybe just because I find it ugly.

And thank you for the compliment  :)

[Belfong]

Another suggestion, if I may. By clicking the top right arrow, the profile photo can be hidden or shown. It would be better if I could hide the geekhack title together with the profile. That way, I save some screen real estate and can see more post/thread if I choose to do so.

[Frenir]

Another suggestion, if I may. By clicking the top right arrow, the profile photo can be hidden or shown. It would be better if I could hide the geekhack title together with the profile. That way, I save some screen real estate and can see more post/thread if I choose to do so.

I'm afraid I can't do that, I'm only allowed to fiddle with the CSS and adding a custom toggle mode would require some scripting.

But I'll see if I can make it possible with the tools I have.

[Belfong]

Oh I see. Then I guess leave it. It's already pretty damn good!

[Frenir]

Oh I see. Then I guess leave it. It's already pretty damn good!

Report: I actually got very close to succeeding with some nasty methods like attributes with regular expressions etc.

But It didn't matter how close I got because it would never be smooth and only update on page load. I also don't have a way to move up the content without also removing the arrow, I'm sorry - It can't be done with the access that I have.


If any of you have ideas for color schemes for the 2.0 theme be sure to let me know.

[BlueBär]

Did anybody get this to work in Firefox? I tried to install it via the "Install as userscript" button and Greasemonkey but it didn't work.

[Frenir]

Did anybody get this to work in Firefox? I tried to install it via the "Install as userscript" button and Greasemonkey but it didn't work.

I tried to convert it into a stylish theme as well but It didn't work, here's the code if you want to try an implement it yourself.

(Geekhack 2.0 Nostalgia)

Code: [Select]

#siteslogan {
    display: none;
}

* {
    font-family: arial;
}

#header div.frame, .frame, #top_section, div.frame, #content_section, #footer_section, #header_section, #header , body {
    background-image: none;
    background-color: #1b1b1b;
}

h1.forumtitle a img {
    padding-left: -500px;
    margin-left: 560px;
    display: none;
}

#main_menu {
    background-color: #1b1b1b;
    text-align: center;
    width: 700px;
    height: 20px;
    position: absolute;
    margin-left: -350px;
    left: 50%;
    top: 100px;
}

span.last.firstlevel {
    border-style: none;
}

a.last.firstlevel.firstlevel {
    border-style: none;
}

a.firstlevel.firstlevel {
    border-style: none;
}

span.firstlevel {
    border: 0 1px solid #000
   
    ;
}

#top_section {
    background-image: url(https://i.imgur.com/iagqtWl.png);
    margin-bottom: -10px;
    background-repeat: no-repeat;
    background-position: center;
}

.news_normaltext {
    display: none;
}

div.news.normaltext p {
    display: none;
}

div.news.normaltext h2 {
    display: none;
}

#upper_section > div.user {
    position: absolute;
    top: 20px;
    z-index: 999999;
}

#upper_section > div.user img {
    height: 75px;
}

div.navigate_section ul {
    border-style: none;
}

#topic_50638 > td:nth-child(1) > a tr.windowbg, tr.windowbg2, td {
    border: none;
    drop-shadow: none;
}

div.inner {
    border-style: none;
}

blockquote.bbc_alternate_quote {
    border-style: none;
}

blockquote.bbc_standard_quote {
    border-style: none;
}

div.signature {
    border-color: #363636;
}

img.bbc_img {
    border-style: none;
}

div.plainbox {
    border-style: none;
}

p.windowbg.description {
    border-style: none;
}

div.list_posts {
    border-color: #2e2e2e;
}

h4 a img {
    display: none;
}

div.attachments.smalltext {
    border-style: none;
}

div.messageicon img {
    width: 0;
}

h3.catbg img {
    width: 0;
}

li.profile ul {
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

li.profile ul:hover {
    opacity: 1;
}

li.quote_button, li.mquote, li.mquote_remove, li.modify_button, li.reply_button, li.remove_button {
    background: none;
}

div.smalltext.reportlinks img {
    display: none;
}

div.roundframe > .innerframe {
    height: 30px;
    overflow: hidden;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.roundframe:hover > .innerframe {
    height: 480px;
}

td.icon.windowbg a img {
    height: 20px;
}

#upshrink {
    opacity: 0.2;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#upshrink:hover {
    opacity: 1;
}

td.catbg3 strong {
    font-size: 12px;
    color: #1b1b1b;
}

td.icon2.windowbg img {
    height: 15px;
}

td.icon1.windowbg img {
    height: 15px;
}

div.description.flow_auto {
    display: none;
}

ul.reset {
    color: #e0e0e0;
}

li.membergroup img {
    width: 12px;
}

div.content dl {
    border-color: #383838;
}

hr.hrcolor {
    background-color: #363636;
}

#footer_section > div > ul > li.last:after {
    content: ' | Theme made by Frenir'
    ;
}

img.bbc_img.resized {
    border-style: none;
}

img[alt="Online"] {
    display: none;
}

img[alt="Offline"] {
    display: none;
}

img[alt="Online"]+a {
    color: #A9E289;
}

img[alt="Offline"]+a {
    color: #ccc
    ;
}

a[title="Online"]+a {
    color: #A9E289;
}

a[title="Offline"]+a {
    color: #ccc
    ;
}

div.roundframe {
    border-style: none;
}

#postMoreExpand {
    display: none;
}

hr.clear {
    color: #805180;
    background-color: #3b3b3b;
}



[Belfong]

Is it too much to ask for a white theme V2.0, Frenir? That seemed to be a lot of users according to the forum layout settings page.

[Frenir]

Is it too much to ask for a white theme V2.0, Frenir? That seemed to be a lot of users according to the forum layout settings page.

Sure, I'm working on it - I hope to have it up tomorrow at latest.

[Belfong]

Thanks Frenir!! I gotta dump Safari and use Chrome (in the work Mac) because of this.

[Frenir]

Thanks Frenir!! I gotta dump Safari and use Chrome (in the work Mac) because of this.

That's very flattering, thank you 

[paicrai]

****in love it muh bruh!

edit: can i please have oranje

[Frenir]

Geekhack 2.0 in White!

[BlueBär]

Geekhack 2.0 in White!

Racist!
Looking good!