Ресурсы

Каталог assets может содержать любые файлы и подкаталоги, которые не принадлежат другим директориям. Вы можете использовать её для:

• JavaScript стилей (должны находиться внутри assets/js);
• CSS стилей (должны находиться внутри assets/css);
• Изображений;
• Шрифтов;
• Всего, что вам нужно добавить.

assets/js

Каталог assets/js зарезервирован и должен содержать только JavaScript-файлы. Чтобы использовать их в виджете, укажите эти файлы в manifest.json.

Например:

"assets": {
    "js": ["class.widget.js"]
}

assets/css

assets/css зарезервирован и должен содержать только файлы CSS стилей. Чтобы использовать их в виджете, укажите эти файлы в manifest.json.

Пример:

"assets": {
    "css": ["mywidget.css"]
}

Стили CSS

Файлы CSS могут содержать пользовательский атрибут theme для определения разных стилей для определённых тем веб-интерфейса.

Доступные темы и значения их атрибутов:

• Синяя - [theme='blue-theme']
• Синяя (классическая) - [theme='blue-classic-theme']
• Тёмная - [theme='dark-theme']
• Тёмно-синяя - [theme='dark-blue-theme']
• Тёмная (классическая) - [theme='dark-classic-theme']
• С высокой контрастностью, светлая - [theme='hc-light']
• С высокой контрастностью, тёмная - [theme='hc-dark']

Пример:

.widget {
    background-color: red;
}

[theme='dark-theme'] .widget {
    background-color: green;
}