Paizo Top Nav Branding
  • Hello, Guest! |
  • Sign In |
  • My Account |
  • Shopping Cart |
  • Help/FAQ
About Paizo Messageboards News Paizo Blog Help/FAQ
Pathfinder Roleplaying Game
Pathfinder Society

Pathfinder Beginner Box

Pathfinder Adventure Card Game

Pathfinder Comics

Pathfinder Legends

PaizoCon 2014!

Dark-Colored Forum Skin for Low-Light Reading?


Website Feedback


1 person marked this as a favorite.
Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

While I realize that this might be asking a bit much, I also realize that some of the posters here have created scripts that are able to extend the functionality of the messageboards. Sooo...

What I'd like to know is if there is a way to apply a dark-colored theme/skin/style-sheet to the Paizo site. (i.e. a dark-grey background with light-grey text)

I work 3rd shift and generally prefer NOT to work in an environment with lots of bright lights. However, reading a bright-white screen in a more dimly lit room is very hard on the eyes due to the dramatic difference in contrast levels.

I'll understand if it's too much work for Vic and company, but are there any means by which an individual user could set the site to use a different style-sheet with a color palette on their own system?

If it matters, Chrome and the default browser on the Motorola Droid are the browsers on which I would be looking to implement such a change.

Shadow Lodge

I definitely support this, for some people white text on dark background is simply easier to read than normal black text on white background. Definite thumbs up if it can be done without too much trouble.


Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

I'm going to try and take a stab at experimenting with some stylizers for Chrome, but I'm kind of hoping that someone has already figured this out. i.e. Hoping to avoid reinventing the wheel if someone already has...

EDIT: The "Stylish" extension for Chrome can indeed preempt the site's default stylesheet. Looks like it will mostly be a matter of going thru all the color codes and styles by hand now. At least it's possible though. If no one else comes forward with a ready-made solution, I'll drop mine in once it's done...

EDIT 2: Hmm, well I can get the forums darkened up pretty well, but unfortunately the nav boxes at the sides of the page (Links, Shop, Messageboards), have the color codes for those tables definied explicit ly in the page's HTML. Also most of the graphics are GIFs with a white background rather than transparent PNGs. In any event, it looks like a user-made solution will look fairly rough unless a lot of elements are left unmodified or changes are made to make the site more user-mod friendly.


1 person marked this as a favorite.
Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

Alright, well for now I've gotten things looking a bit more pleasing to my low-light accustomed eyes. If any of you want to mess around with this a bit more, here's what I've got so far...

Darker Paizo Theme

To Configure:

  • In Chrome install the extension "Stylish"
  • From your Extensions screen, click to edit the Options for Stylish
  • Create a new style
  • Fill out the configuration info like so
  • Copy and paste the contents of this file into the code section
  • Save

Now the reason I didn't apply it to just http://paizo.com is because that will reskin the PRD site. It is possible to rollback the changes specifically for that URL, but that's more work than simply clicking the Paizo link at the top of the site so that the URL changes to http://paizo.com/paizo. ;)

Anyway, if anyone wants to put a bit more effort into this then cool. For now this should get me by at least.


I'm seconding (or possibly thirding) this motion. Even a tan background with black text would relieve the glare of the solid white.

Osirion

I just fiddled around with the Stylish add-on for Firefox, and the only extra thing I needed to do with your script was to add a

Quote:
@-moz-document url-prefix(http://paizo.com/paizo), url-prefix(http://paizo.com/people), url-prefix(http://paizo.com/cgi-bin), url-prefix(https://secure.paizo.com/) {

at the top of the file and a

Quote:
}

at the end of the file because Firefox's version of Stylish does not have a separate configuration box for the domains or urls for the skin to be applied to.

Thank you very much.

EDIT: Added /people to the list, and probably should add /store as well.


Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

Good call on the /people, /store, and secure additions. Glad to see it works in FF with minimal trouble. :)


So, using Laith's and Elyza's fixes, I created the style in Firefox (the latest edition). It works fine EXCEPT in the New Post or Reply window. There, I get the stark white background, with the light grey text in an oversized Verdana. Perhaps there is something twitchy in my particular browser settings and it is not a HTML code problem?


I saw this topic and thought something COMPLETELY DIFFERENT....but this is easier on the eyes, yes.


For those of you who use Opera:

View->Style-> High Contrast (W/B)

And you have white on black.

RPG Superstar 2011 Top 4

Are you on a Mac? Press Control+Option+Command+8

Though this does make avatars terrifying.


Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

Well, I see the same grey on white textarea, select, and input boxes when I install this to FireFox 3.6.6 (DL'd it just to test this). From what I've seen in searching google, it appears that this wasn't a problem in FF2, but since FF3 came out, it kinda fubar'd things.

Hate to tell you to use a different browser than the one you like, but this does work properly in the version of Chrome I'm running at least. Sorry.


Freehold DM wrote:
I saw this topic and thought something COMPLETELY DIFFERENT....but this is easier on the eyes, yes.

You also read "dark-colored foreskin" when quickly scanning the boards?


1 person marked this as a favorite.
yoda8myhead wrote:
Freehold DM wrote:
I saw this topic and thought something COMPLETELY DIFFERENT....but this is easier on the eyes, yes.
You also read "dark-colored foreskin" when quickly scanning the boards?

Oh. God. Now I can't get that out of my head.

"dark-colored foreskin". *shudder*

On the bright side, that would be a kickass name for a garage band.


Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

Since some folks were asking about it in another thread, and some enterprising folks actually did a forum search, I figured I should probably update the download URL to something that isn't broken. ;)

Link: Paizo Dark Theme

Note, if you go straight to Paizo.com you won't see a change. It's only after you enter the store, forums, campaigns, etc. that it will take place. I'd love to just have it do everything at paizo.com, but that ends up botching the PRD. (If someone can figure out a better workaround for that, please let me know.)

Enjoy!

Edit: Added screenshots for those of you who want to see what it looks like.


Pathfinder Adventure Path Charter Subscriber

Laithoron,

Can you help me with Stylish for Firefox?

I want to change the color of the threads that do not have new posts in them. It looks like their is a style sheet:

http://paizo.com/include/stylesheet-2004.css

With the following class which defines the color:

.messageboardListingNoNewPosts a:link {
font-size: 12px;
color: #706AB3;

I'd like to make it almost anything else so it stands out from the other thread titles, and I just can't figure out how Stylish works. I do have it installed, but this old, retired, main-frame programmer is lost in all the details.

-- david
Papa.DRB


Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

David: I wasn't able to change the font-color for those threads (i.e. threads you have read at least once yet have no new replies), but I was able to change the background color behind the text.

If you add the following section to my code, it will contrast such threads in dark-grey against the black background. If you prefer another color, just look up the hexadecimal code for that color using google (e.g. purple hex code), and substitute that value in place of 333333.

Hope this helps.

Code wrote:

.messageboardListingNoNewPosts a:link {

background-color: #333333 !important;
}


1 person marked this as a favorite.
Pathfinder Adventure Path Charter Subscriber

Awesome!!!!!

Thanks,

-- david
Papa.DRB


Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

Update: Finally figured out how to reskin the alternating colors on the My Downloads page. You can download the new version below and simply copy/paste the contents of the text file over your existing config. No URL changes are needed:

Link: Paizo_Dark_Theme.txt

Added wrote:

.evenOdd:nth-child(odd) {

background-color: #353535 !important;
}


This is much better, thank you!

Is there any way to dim the reply box? It is still the very abrasive bright white.


Pathfinder Adventure Path, Maps, Modules, Pawns, Roleplaying Game Subscriber

Not in FireFox, although it will be dark grey in Chrome with these settings.

Paizo / Messageboards / paizo.com / Website Feedback / Dark-Colored Forum Skin for Low-Light Reading? All Messageboards

Want to post a reply? Sign in.
Recent threads in Website Feedback

©2002–2014 Paizo Inc.®. Need help? Email customer.service@paizo.com or call 425-250-0800 during our business hours: Monday–Friday, 10 AM–5 PM Pacific Time. View our privacy policy. Paizo Inc., Paizo, the Paizo golem logo, Pathfinder, the Pathfinder logo, Pathfinder Society, GameMastery, and Planet Stories are registered trademarks of Paizo Inc., and Pathfinder Roleplaying Game, Pathfinder Campaign Setting, Pathfinder Adventure Path, Pathfinder Adventure Card Game, Pathfinder Player Companion, Pathfinder Modules, Pathfinder Tales, Pathfinder Battles, Pathfinder Online, PaizoCon, RPG Superstar, The Golem's Got It, Titanic Games, the Titanic logo, and the Planet Stories planet logo are trademarks of Paizo Inc. Dungeons & Dragons, Dragon, Dungeon, and Polyhedron are registered trademarks of Wizards of the Coast, Inc., a subsidiary of Hasbro, Inc., and have been used by Paizo Inc. under license. Most product names are trademarks owned or used under license by the companies that publish those products; use of such names without mention of trademark status should not be construed as a challenge to such status.