CODEWITHSUNDEEP
extjs4extjs4.1
Micheal
Micheal

Reputation: 2322

change extjs 4 color theme to something else

how do I change the default theme of extjs 4.

For example I do not want use to color blue.

I want it to default it to some other color of my choice? I dont know how to override the css to do that. any help would be appreciated.

Is there a tutorial where I install new themes?

Upvotes: 1

Views: 6552

Answers (2)

Kambey
Kambey

Reputation: 96

You can try override base theme:

this.columnChart.on('afterrender', function() {
         var colors = ['#1486fb','#fbe500','#00b300','#1486fb','#999']; 
        var baseColor = '#eee'; 
        Ext.define('Ext.chart.theme.Fancy', {
            extend: 'Ext.chart.theme.Base', 
            constructor: function(config) {
                this.callParent([Ext.apply({           
                    colors: colors
                }, config)]);
            }
        });

and use simply

Upvotes: 0

Evan Trimboli
Evan Trimboli

Reputation: 30082

See the theming guide, it covers pretty much all you need: http://docs.sencha.com/ext-js/4-1/#!/guide/theming

Upvotes: 4

Related Questions