Hi gang. I'm on Wikia's technical team and am responding to a bug that was assigned to me about misguided color calculations on this wiki. Behind the scenes, the colors that are provided by you to Theme Designer are used for their respective elements (buttons, header, page, etc), but are also used in calculations for hover states, highlights, etc. If you hover on your main wiki navigation, you'll notice that the highlights are very light blue and the text is unreadable. The highlight is calculated by mixing a little bit of the link color with a lot of the page background color. In Theme Designer, this wiki's page background color is set to white, instead of a dark color to more closely match your custom CSS work, so the calculation is off. Always get as close to your desired design as possible with Theme Designer and then add the finishing touches with Wikia.css. --BladeBronson (talk) 19:00, December 16, 2010 (UTC)
- Hi. Are you perhaps using Internet Explorer? In real browsers (such as Firefox) the navigation sub-menu buttons have a nice gradient background, and are perfectly readable.
- I replaced the code that created the effect, by using a repeating image instead. Now it should be working in theory, maybe when the cache is cleared.
- I used white as the "Color" option in the Theme Designer because the elements it apparently affects should be white, at which point I started working with Wikia.css. If the Theme Designer is taking that color and uses it in a way I can't control and creates random nonsense in a browser that isn't working properly anyway, then the Theme Designer should be fixed to not do that.
- If you can suggest a solution that will make the wiki look like it does in Firefox, I'll be happy to implement it. Perhaps a way to disable the highlight? I'm not sure how changing the "Color" option to another color would solve anything. I see no effect in IE, and it makes things worse in Firefox. --Icecream Kitten Talk 22:34, December 16, 2010 (UTC)
- Looks like you've got the menu take care of now. Nice work. My previous note was based on Chrome. I think you figured out that the gradient wasn't working because you specified -moz-linear-gradient, which only targets Mozilla-based browsers (see also -webkit-gradient and CSS filters for IE if you're interested). The Theme Designer completely takes care of skin customization for most wikis, but also serves as a good starting point for wikis such as this. Feeding Theme Designer a color that is closer to your final intended result will usually save you some work. --BladeBronson (talk) 23:27, December 16, 2010 (UTC)
- Great :) I thought of adding code for other browsers, but tried the image on the off chance that it might work on all of them in the same way. I did use the Theme Designer to its limits. --Icecream Kitten Talk 08:40, December 17, 2010 (UTC)
- Looks like you've got the menu take care of now. Nice work. My previous note was based on Chrome. I think you figured out that the gradient wasn't working because you specified -moz-linear-gradient, which only targets Mozilla-based browsers (see also -webkit-gradient and CSS filters for IE if you're interested). The Theme Designer completely takes care of skin customization for most wikis, but also serves as a good starting point for wikis such as this. Feeding Theme Designer a color that is closer to your final intended result will usually save you some work. --BladeBronson (talk) 23:27, December 16, 2010 (UTC)