The Sam Skin UI for the ProfilerViewer Control:
The bulk of the ProfilerViewer's UI is designated by the skin CSS file for YUI Sam Skin. That file defines:
Here is the full CSS for ProfilerViewer's YUI Sam Skin treatment. You can modify these rules or replace this file entirely in customizing ProfilerViewer.
The other source of style information is that which controls the YUI Charts visualization. The chart is styled globally with the
chartStyle attribute of ProfilerViewer. The default
chartStyle definition is as follows:
The series definitions of the chart are styled via the
chartSeriesDefinitions attribute. The default value for that attribute is as follows:
To fully skin the chart, you would want to modify these style objects and pass them as custom attributes when you instantiate your ProfilerViewer console. For example, to change the background color of the chart component to full black, you would do the following:
All YUI 2.x users should review the YUI 2.8.2 security bulletin, which discusses a vulnerability present in YUI 2.4.0-2.8.1.