Skinning XIDED
Category xided
Most of the yui-ext implementations I've seen are using the default blue skin, but that's just too much blue for my liking (nothin' personal, IBM), so XIDED uses the alternate gray skin. The good news is that, if ya likes the blue, it's easy to overrule my predilections. In fact, it only requires two changes, both of which you can make to your own installation:
1. On the XIDEDInterface Page element, remove the class attribute from the body tag.
2. On the XIDED.css Page element, replace all references to '/gray/panel-title-light-bg.gif' with '/panel-title-light-bg.gif', and add a line at the end with the following rule: '.ytoolbar{background-color: #C3DAF9;}'
The first change makes everything gray turn blue except for the toolbars, status bar, and database title cell in the bookmark bar. The GIF reference in the second change affects the remainder, except for the design element toolbar, which is overridden with the .ytoolbar rule.
/A794A0EC80842C3A8625728C00221210/$File/XIDED-BlueRinse.PNG)
More than likely, I'll add an option to allow each user to set a skin preference, so if multiple developers are using XIDED on the same server, each can decide whether they prefer blue or gray. And for the diehards, we might even add a yellow and black theme at some point. Won't that be fun.
Most of the yui-ext implementations I've seen are using the default blue skin, but that's just too much blue for my liking (nothin' personal, IBM), so XIDED uses the alternate gray skin. The good news is that, if ya likes the blue, it's easy to overrule my predilections. In fact, it only requires two changes, both of which you can make to your own installation:
1. On the XIDEDInterface Page element, remove the class attribute from the body tag.
2. On the XIDED.css Page element, replace all references to '/gray/panel-title-light-bg.gif' with '/panel-title-light-bg.gif', and add a line at the end with the following rule: '.ytoolbar{background-color: #C3DAF9;}'
The first change makes everything gray turn blue except for the toolbars, status bar, and database title cell in the bookmark bar. The GIF reference in the second change affects the remainder, except for the design element toolbar, which is overridden with the .ytoolbar rule.
More than likely, I'll add an option to allow each user to set a skin preference, so if multiple developers are using XIDED on the same server, each can decide whether they prefer blue or gray. And for the diehards, we might even add a yellow and black theme at some point. Won't that be fun.
