Как я могу настроить боковую панель расширения?

Question

У меня есть следующая боковая панель в моем расширении, но я хочу изменить внешний вид. Как я могу это сделать?

var sidebar = new appAPI.sidebar({ 
    position: 'right', 
    url: 'http://news.yahoo.com', 
    html: 'Some Html', 
    title: { 
    content: 'Yahoo News', 
    close: true 
    }, 
    opacity: 1.0, 
    width: '300px', 
    height: '100%', 
    preloader: true, 
    sticky: true, 
    slide: 150, 
    openAction: ['click', 'dblclick'], 
    closeAction: 'click', 
    theme: 'default', 
    scrollbars: false, 
    openOnInstall: true 

Answer 1

Существует несколько способов добиться этого, но мой предпочтительный метод - ввести соответствующие правила CSS на страницу с помощью соответствующего селектора. Так, например, чтобы изменить цвет границы на красный:

var inlineCss = '.crossrider-sidebar-'+appAPI.appInfo.id+'-container {' + 
    'border-color:red !important;' + 
'}'; 
appAPI.dom.addInlineCSS({css:inlineCss}); 

[Раскрытие: Я сотрудник Crossrider]