The current information provided by Sencha regarding their Theme Builder is quite limited, focusing only on the basic file structure and syntax details (which includes gradients and functions):
My specific issue lies in determining which property to set in the .theme file to impact a particular CSS class, such as the font used in the header of a ContentPanel.
Initially, I explored the themebuilder\examples\skeleton-config\skeleton-config.theme file, assuming it contained all necessary properties, yet did not find any reference to "contentPanel."
An example provided in the documentation is as follows:
details {
info {
messageText = defaultFont
//this could also be written as
//messageText = theme.defaultFont
}
}
This example appears straightforward because there is an existing Info class that aligns with the "info" element within the theme.
Upon inspecting the generated HTML, I identified a CSS class name within the header of my ContentPanel:
.CS-com-example-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText
Based on this class name, I assumed the element name to be specified in the .theme file would be "panel," and the property name should be "headerText." However, after reviewing the skeleton-config.theme file, I discovered that the panel element does not include a headerText property.
Interestingly, while headerText is present in other elements like datePicker, error tip, info, and tip, it's surprising that panel doesn't have it.