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

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]