KoL - Facebook color scheme

Added by Plastikmaniac@userstyles, Created: Sep 02, 2010, Updated: Feb 14, 2012
  • With the style applied
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)


This is a Kingdom of Loathing theme that uses the color palette from Facebook.

Message me in-game (type /whois Plastikmaniac in the chat pane) to either praise my accomplishments, or complain about something that looks weird.
Thanks to Amanda Kerik@userstyles for several code fixes.
Also, your *face* is a book.

More info
Actually, it enhances a lot more than background colors:
• all item-related displays, including inventory and popup-window item descriptions
• "You gain an effect:" messages from food, buffs, and other status modifiers
• the Combat Action Bar
• your character pane - a new look for sub-stat progress bars, new player quest-nudge, etc.
• headers for Familiar, Effects, and Last Adventure (which also has a hover-effect to remind you that it's a link)
• right-click menus - item options, chat pane shortcuts, and the Familiar Picker
• ALL of the bright blue (#0000FF) elements have a gradient, to make KoL easier to look at.
• similarly, everything that was square and boxy now has nice rounded corners.

Fun facts:
> This code is messy...and not completely finished. Help if you want.
> I add to it as I play KoL, and any parts of the code I've missed will probably be added when I get to it.
> You MAY get errors when you preview it in Stylish for Firefox. That's because of the CSS elements that will work in Google Chrome, but that Firefox doesn't yet recognize. Also because I'm constantly fixing errors and then adding more. (More code, I mean. Not more errors.)

02-08-2011: Added in the new Account Options. Mostly. :D
05-04-2011: Finally added in stuff for Alice's Army.
06-22-2011: Modified the part for the headers; added the gray and green headers.
06-29-2011: removed a misplaced semicolon; fixed Item Description margins
02-14-2012: did a THOROUGH re-haul of the code. (Man, it was ugly.) Everything should still work.
Firefox users, replace all -webkit- with -moz-.

You should to add comment and rate the style.


+ Create discussion

Applies to:
kingdomofloathing.com, loathing2.com, kbay.turias.net, More »

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.