| View previous topic :: View next topic |
| Author |
Message |
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
 Posted: Sun Apr 27, 2008 5:16 pm Post subject: [TIP] - Darker forum |
 |
|
Hello,
I have been suffering from some time the shinny look of the forum. And I can't really stand white-ish styles, because they hurt my eyes. So, I have tweaked a css sheet with darker colors. You can use it with the stylish firefox extension.
To get the extension, go here:
https://addons.mozilla.org/es-ES/firefox/addon/2108
To get the custom sheet, go here (updated on April, 29th):
http://userstyles.org/styles/6707
And here, you can see the results:
http://jesgue.homelinux.org/other-files/dark-gentoo-1.png
http://jesgue.homelinux.org/other-files/dark-gentoo-2.png
http://jesgue.homelinux.org/other-files/dark-gentoo-3.png
http://jesgue.homelinux.org/other-files/dark-gentoo-4.png
EDITED: The css sheet is so big that userstyles.org will not allow me to host it. So, whomever wants to install this style, must open the css from here:
http://jesgue.homelinux.org/other-files/dark-gentoo-forums.css
And paste it directly into stylish.
Last edited by i92guboj on Sun Jun 08, 2008 7:51 am; edited 6 times in total |
|
| Back to top |
|
 |
SiberianSniper
Guru
Joined: 06 Apr 2006
Posts: 378
Location: Dayton, OH, USA
|
| Posted: Sun Apr 27, 2008 6:47 pm Post subject: Re: [TIP] - Darker forum |
|
|
| i92guboj wrote: | | I hope this is useful for someone else. |
It is for me! Thanks, I love it. Perfect for those of us who use the forums late at night.... |
|
| Back to top |
|
|
truc
Advocate
Joined: 25 Jul 2005
Posts: 3199
|
| Posted: Sun Apr 27, 2008 6:59 pm Post subject: |
|
|
Thanks a lot, it's almost perfect for me too, colors are well chosen, the only problem came with the png background and firefox when scrolling. it was really slow, I removed the png background, and it's working correctly now.
_________________
The End of the Internet! |
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Sun Apr 27, 2008 7:11 pm Post subject: |
|
|
| truc wrote: | Thanks a lot, it's almost perfect for me too, colors are well chosen, the only problem came with the png background and firefox when scrolling. it was really slow, I removed the png background, and it's working correctly now.
|
Thanks for the kind words.
It's true. though, that there's a problem when scrolling. I think I will just drop the background png, unless I can come with a better solution. Can any CSS gurú around suggest something?
EDIT: There's another easy workaround, comment or remove this line:
| Code: |
background-attachment: fixed ! important;
|
|
|
| Back to top |
|
|
SiberianSniper
Guru
Joined: 06 Apr 2006
Posts: 378
Location: Dayton, OH, USA
|
| Posted: Sun Apr 27, 2008 7:17 pm Post subject: |
|
|
| Hmm, the background didn't really slow anything down for me... and I'm not a css expert by any means, but all the examples I could find with a quick google search seemed to use images to fade colors. |
|
| Back to top |
|
|
truc
Advocate
Joined: 25 Jul 2005
Posts: 3199
|
| Posted: Sun Apr 27, 2008 7:25 pm Post subject: |
|
|
| i92guboj wrote: | EDIT: There's another easy workaround, comment or remove this line:
| Code: |
background-attachment: fixed ! important;
|
|
wow, thanks again
EDIT: an other change I made: | Code: |
A:link, a, a.ab, .q {
color: #e5e5e5 ! important;
/* text-decoration: none ! important; */
} |
it was quite hard to catch the links otherwise...
_________________
The End of the Internet! |
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Sun Apr 27, 2008 8:03 pm Post subject: |
|
|
| Thanks for the feedback. there are still some quirks that need polishing. But I have fixed some little things. I also have added preliminar support for bugs.gentoo.org to the sheet |
|
| Back to top |
|
|
ekz
l33t
Joined: 21 Jun 2006
Posts: 994
Location: Temuco - Chile
|
| Posted: Mon Apr 28, 2008 12:23 pm Post subject: |
|
|
Nice! Good Work i92.
That Tango-ish style in the preview images (in the 1st post) is here
Cheers!
_________________
Mi tumblelog |
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Mon Apr 28, 2008 12:44 pm Post subject: |
|
|
| ekz wrote: | Nice! Good Work i92.
That Tango-ish style in the preview images (in the 1st post) is here
Cheers! |
The original buttons produce a very ugly effect around their borders when using with my dark css stuff, so, using your css for tango buttons seemed like the ideal complement for my sheet. Very nice icons indeed.
I only miss a substitute for the button to publish a response, so, it would be nice if you could include that in your style.
Thanks for the nice job |
|
| Back to top |
|
|
ekz
l33t
Joined: 21 Jun 2006
Posts: 994
Location: Temuco - Chile
|
| Posted: Mon Apr 28, 2008 6:58 pm Post subject: |
|
|
| i92guboj wrote: |
I only miss a substitute for the button to publish a response, so, it would be nice if you could include that in your style. |
If needed, but there are many languages in this forum 
in a few days i start to work in those pixmaps 
| i92guboj wrote: |
Thanks for the nice job |
Thanks!
_________________
Mi tumblelog |
|
| Back to top |
|
|
Eckos
Apprentice
Joined: 25 Jan 2008
Posts: 197
Location: Houston, Texas, USA
|
| Posted: Tue Apr 29, 2008 5:40 am Post subject: |
|
|
Too bad the adminstrators or whoever is in charge, would offer us more themes 
_________________
AMD Athlon 64 X2 3800+ | 2GB DDR2 533MHz RAM | GCC-4.3.2 | Gentoo x86_64 | KDE 4.1.2 |
|
| Back to top |
|
|
kernelOfTruth
Watchman
Joined: 20 Dec 2005
Posts: 6111
Location: Vienna, Austria; Germany; hello world :)
|
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Thu May 01, 2008 5:35 pm Post subject: |
|
|
| kernelOfTruth wrote: | thanks, i92guboj !
this is really balm to the eyes |
Thanks everyone for the support.
Remember also that this theme will not look that well without the ekz's tango icon theme, because the original phpbb buttons look really bad over any non white-ish background. Remember to update that from time to time as well. He already added the icon to publish an answer, which looks so cool |
|
| Back to top |
|
|
D-EJ915
n00b
Joined: 24 Oct 2007
Posts: 4
Location: Virginia Beach
|
| Posted: Fri May 02, 2008 4:39 am Post subject: |
|
|
| Looks really nice, thanks |
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Sun May 04, 2008 9:18 pm Post subject: |
|
|
I have just updated it.
Now, it features a dark Gentoo logo on the top, by ekz. Thanks to him.
The link in the first post. |
|
| Back to top |
|
|
Eckos
Apprentice
Joined: 25 Jan 2008
Posts: 197
Location: Houston, Texas, USA
|
| Posted: Mon May 05, 2008 5:08 am Post subject: |
|
|
You should replace the dark in quotes etc. Its a little harsh. Maybe a skyblue or cornflower blue?
_________________
AMD Athlon 64 X2 3800+ | 2GB DDR2 533MHz RAM | GCC-4.3.2 | Gentoo x86_64 | KDE 4.1.2 |
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Mon May 05, 2008 5:39 am Post subject: |
|
|
| Eckos wrote: | | You should replace the dark in quotes etc. Its a little harsh. Maybe a skyblue or cornflower blue? |
That's a very subjective thing, though I agree that the current colors for quotes/codes are not particularly nice, nor easy on the eye.
Since the contents of those pieces (particularly, the code tags) is usually very important, and can be long and tedious to read, I vote for a scheme with some degree of contrast. Cornflowerblue over the current magenta-ish colors of the posts will certainly cause more than one tear, at least, on my eyes.
However, I still want to change the code/quote colors, so I accept suggestions on color pairs (background/text) for these.
Maybe the ones I use for the post box? Those would be #aaaa88 (soft yellow-ish white) for text and #333333 (dark grey) for the background.
EDIT: I changed the quote colors, I still accept suggestions. Though it seems to me that is consisten with the rest of the theme. I also modified some other details. The main forums page should look clearer. I also changed the lightest of the magentas, now it's a bit darker and it seems better. Minor corrections, but they improve the look a bit on my opinion. |
|
| Back to top |
|
|
Eckos
Apprentice
Joined: 25 Jan 2008
Posts: 197
Location: Houston, Texas, USA
|
| Posted: Thu May 08, 2008 5:18 am Post subject: |
|
|
What bout white?
And the forum topic with highlight I have to disagree its makes it pop out like a sore eye
_________________
AMD Athlon 64 X2 3800+ | 2GB DDR2 533MHz RAM | GCC-4.3.2 | Gentoo x86_64 | KDE 4.1.2 |
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Thu May 08, 2008 5:40 am Post subject: |
|
|
| Eckos wrote: | What bout white?
And the forum topic with highlight I have to disagree its makes it pop out like a sore eye |
Well, it's not about cosmetics. My -almost only- motivation to do this is health. For job related reasons, I spend plenty of hours in front of my monitors, and I try to reduce the amount of light that my eyes receive every day. They really hurt some times. So, for me, everything involving big squares filled with light colors is out of the equation. I just can't stand shinny stuff, and as I said, it's not about being nicer or uglier. I don't care so much about the look as far as I can see everything with a sane structure.
Everyone is free to modify the theme to his/her likings of course. You can edit if by right clicking into the stylish icon (bottom right corner on firefox), and choosing the first option to administrate your styles, the double click the Dark Gentoo Forums one and search for the "code" and "quote" sections, you can change the colors there.
You can fork the style as well and create a new one based on this if you want, with lighter colors. |
|
| Back to top |
|
|
truc
Advocate
Joined: 25 Jul 2005
Posts: 3199
|
| Posted: Thu May 08, 2008 3:57 pm Post subject: |
|
|
wow! just updated to the latest version, You're doing a good work, really ( and I like this clicky link to load directly the style in stylish )
btw, I use a modified xfce-dusk theme for the very same reasons, it's dark!
A addtionnal link you might be interested in.
_________________
The End of the Internet! |
|
| Back to top |
|
|
SeaTiger
l33t
Joined: 22 Nov 2007
Posts: 603
Location: Toronto, Ontario, Canada
|
| Posted: Fri May 16, 2008 3:16 am Post subject: |
|
|
| Very interesting, using it right now. |
|
| Back to top |
|
|
roki942
Apprentice
Joined: 18 Apr 2005
Posts: 285
Location: Seattle
|
| Posted: Fri May 16, 2008 4:09 am Post subject: |
|
|
| I now have "happy eyes" |
|
| Back to top |
|
|
yoyo
Bodhisattva
Joined: 04 Mar 2003
Posts: 4273
Location: Lyon - France
|
| Posted: Fri May 16, 2008 8:11 am Post subject: |
|
|
Well done ! This tips is really great.
I have changed somes colors to make difference between "code" and "quotes".
I would have some request : when color used in some post is red, it would be difficult to read the text (example here : KDE4 Overlay (Part 6)).
I think tou should update your theme to change this (cause I think everyone would be interested in).
Enjoy !
PS : Yups ! In listboxes (color and size), text is in green with white background ... It is also quite unreadable for me (but maybe you don't use these).
_________________
La connaissance s'accroît quand on la partage.
JCB |
|
| Back to top |
|
|
i92guboj
Bodhisattva
Joined: 30 Nov 2004
Posts: 10315
Location: Córdoba (Spain)
|
| Posted: Sat May 17, 2008 1:47 pm Post subject: |
|
|
| yoyo wrote: | Well done ! This tips is really great.
I have changed somes colors to make difference between "code" and "quotes".
I would have some request : when color used in some post is red, it would be difficult to read the text (example here : KDE4 Overlay (Part 6)).
I think tou should update your theme to change this (cause I think everyone would be interested in).
Enjoy !
PS : Yups ! In listboxes (color and size), text is in green with white background ... It is also quite unreadable for me (but maybe you don't use these). |
I agree. I will edit this stuff when I can. If you have modified the CSS to do that things, feel free to post it here and I will add it to the theme.
Thanks a lot for the comments |
|
| Back to top |
|
|
hollovoid7
Tux's lil' helper
Joined: 04 May 2005
Posts: 126
Location: Phelps NY
|
| Posted: Tue Jun 03, 2008 4:26 am Post subject: |
|
|
Thanks alot for this man, this is muuch easier on the eyes (I work a night shift so anything bright bothers me). And this is a great help
Kudos!
_________________
MAO |
|
| Back to top |
|
|
|
Documentation, Tips & Tricks
