Bugzilla – Bug 9026
Apply skin.css to Settings pages
Last modified: 2008-08-05 14:20:55 UTC
Include skin.css in the Default skin's settings page headers so that skins inheriting Default can have some control (fonts and colors, anyway) over the look of the pages. Looks like skin.css styles make it to the outer part of the page and to the tabs, but not to the pages within the frame.
change 22374 - adding skin.css to settings and status popup (oops... 7.2 only) please don't forget to publish the result of your work or at least a screenshot. I'm interested in how well this is working. Thanks!
Created attachment 3745 [details] screen shot Here's a screen shot. Nothing fancy yet, but I think it's cleaner looking. - Font was changed to Verdana, still at 11px. Very slightly larger, much more readable. I was a little surprised this didn't cause any layout or spacing issues. You've done a nice job. - Got rid of the greenish background thing for all black (it can't be any other color without new images). Had to remove some rounded corner images as well. - Inner page backgrounds changed to pure white and text to pure black. Higher contrast = better readability to my eyes. If I had my druthers, I'd like to see the following small changes to Default to better facilitate inheriting: - The ability to control the left and right page margins via CSS. I think they're about 12 pixels or so, but they're written in by the JavaScript rather than set in the CSS. I don't think fiddling with the JavaScript is a good idea for an inherited skin. - Reduction of the height of the bottom black margin. The green/black rounded corners appear to be placed in a horizontal row below the Help/Settings row. The wasted space becomes more apparent when the rounded corners are removed. The corners could probably be placed even or just slightly lower than Help/Settings row and could reduce the height by 10-15 pixels. For inheritance purposes, what would you say about having a skin.js loaded last that might reset properties set in the parent skin's JS? Not sure how/if this would work, but something to think aobut.