Модификации темы ExtJS Ext.panel.Panel

Question

Я работаю с ExtJS 4.1.1a, и я пытаюсь создать новую тему как для «tabbedPane», так и для обычной панели с макетом «Аккордеон». У меня возникают проблемы с изменением цвета заголовков для каждого. То есть вкладки и фон для вкладок, а также фон заголовка и цвет шрифта для панели аккордеона. Вы можете увидеть текущую настройку на http://robroscoe.ca. Я пытаюсь получить заголовки для того, чтобы оба были черным фоном с белым текстом, и, возможно, выбранная или активная вкладка была фиолетовым матовым, который используется в палитровой части в панели навигации.

Следует отметить, что я пытаюсь установить все в препроцессоре SASS ExtJS, и любая помощь в его изменении вместо CSS напрямую будет очень оценена.

Answer 1

Если у вас еще нет, вы должны действительно начать с ознакомления с подходом к тематизации в ExtJS 4 - http://docs.sencha.com/ext-js/4-1/#!/guide/theming

После того, как у вас есть хорошее понимание процесса, самый простой способ я нашел, чтобы особенно для конкретных компонентов, просматривая документацию. С новой документацией к компонентам добавляется множество смешиваний CSS вместе с API-интерфейсом, поэтому довольно просто понять, как применяются стили по умолчанию, а затем перейти от их к переопределению/созданию собственных. Вот пример Ext.tab.Tab CSS mixin: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Tab-css_mixin-extjs-tab