Forum:Wikitable class changed why?

It's great to be rolling out performance enhancements and improvements, but I don't understand why global class styles were changed also???

As in - why was the Header color of the wikitable class changed???

I'm sure on many wikis the new color style looks fine, but on w:c:ParadiseIslandHD it doesn't - we (as I assume nay other wiki sites did too) chose this class because of its standardised style, border, colors, spacing, padding, etc, etc, and the colors suited very well our theme.

But now the Header color blends in with our them's background, giving the header-cells a wahsed-out / bleached look compared to the data-cells, instead of standing-out as they used to / are meant to.

I've left it a while to see if someone was fixing it by default, since no-one wants a global style-change done when styles were selected and matched to their wikis, but it hasn't been fixed yet.

So what I'm wondering now is, will this be fixed, or are we going to have to go and change the table class on every single table on every single page to make the tables look decent again? If so, could someone please let me know the code format of what the style used to be (and out of curiosity, where to see what the current styles of all the table classes are - also just to see what other styles are pre-made and available to use?) - and I might put that into a template so if we decide to change the style in the future ourselves, we can just change it in the template rather than on every single table on every single page one by one.

Thanks!
 * I'm guessing this is a change in 1.19 - but I haven't seen it myself - can you provide a link to a page where you don't like how it looks?
 * are we going to have to go and change the table class on every single table on every single page to make the tables look decent again?
 * Wikitable is a class, so you would just need to write some CSS and put it in Wikia.css in order to get the style of the table you want - no need to change the class. --  Random Time  13:49, July 15, 2012 (UTC)

OK, so I can override the global default within an individual wiki - but before I start playing with css styles, can you let me know where the global wikitable class is defined? So I can see its current style config so I can start with that and tweak it? And can someone tell me what the style was before it was changed? I think it is as simple as "The header-cell background colour was lightened from a darker Blue to a Bleached-WashedOut-Blue", or maybe the header and data cell background colors were swapped, because I'm sure the data cells were lighter than they are now. egs: And then pretty much every single page (~160) on: egs:
 * w:c:paradiseislandhd:Awards
 * w:c:paradiseislandhd:Income_and_XP
 * w:c:paradiseislandhd:Repairs
 * w:c:paradiseislandhd:Cleaning
 * w:c:paradiseislandhd:XP_levels
 * w:c:paradiseislandhd:Category:Build
 * w:c:paradiseislandhd:Party_boat
 * w:c:paradiseislandhd:Zorbing
 * w:c:paradiseislandhd:Flag_Day

Wait! Whoa! OMG! While clicking on the pages to copy and paste here, one of them just popped up with the OLD (great-looking) style! I thought "OMG, it must be using a different class - quick, click on Edit - Source to see what class it is, but it was the same wikitable class. As soon as I Backed out of the Edit, it showed the same ugly class as every other page does now. Oh why oh why didn't I hit Sniping Tool and grab a screenshot of it!!! Grrr!!!

The default style for the wikitable class can be found in oasis.scss I believe (although this one is minified so you'll have to search the document for the word "wikitable" and extract the relevant styling yourself. More importantly than this link: how to find this information. In Chrome (you may need a slightly different procedure depending on your browser), you can access loaded stylesheets by following these steps: Anyways, this kind of stuff can be found using Developer Tools in your respective browser. All you have to do is poke around a bit and you'll find it :)
 * 1) Open the developer tools panel
 * 2) *Right-click on the page and choose "Inspect element"
 * 3) *or... Press F-12 (hotkey) on your keyboard
 * 4) *or... Click the wrench icon in the upper-right corner, "Tools" -> "Developer tools"
 * 5) Open the "Resources" panel of developer tools
 * 6) Explore all of the files under the "Frames" option, somewhere in there you'll see "Stylesheets".