I want to do a project of dashboard on jquery ui. Using the themeroller, i am able to customise the theme. The downloaded folder contains two css jquery.ui.theme.css and jquery.ui.css. I am confused which file should i use? what is the purpose of each file.
I would be thankful for the help and clear suggestions
The classes are designed to create a visual consistency across an application and allow components to be themeable by jQuery UI ThemeRoller. The class names are split between ui.core.css and ui.theme.css, depending on whether styles are fixed and structural, or themeable (colors, fonts, backgrounds, etc) respectively.
jQuery UI Document say that
jquery-ui.css is just
jquery-ui.theme.css appended to
jquery-ui.structure.css. If you download these files from ThemeRoller both
jquery-ui.theme.css will contain custom changes.
jquery-ui.structure.css remains the same across customizations.
ThemeRoller CSS files
Reason for not using jquery-ui.css
It makes sense to offer a split version of these files in order to use something like cdnjs for jquery-ui.structure.css but your own server (or CDN solution) to deliver your customized jquery-ui.theme.css.
Or if you use multiple themes on your site it allows for smaller data traffic because the browser might already have a cached version of jquery-ui.structure.css when encountering an uncached theme (jquery-ui.theme.css).
Customization besides Themeroller
For our customization you can make custom.css file. and you can include that file after include css files provided by ThemeRoller. So We can override properties of class easily.