Ресурсы

Каталог 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='blue-theme']
• Темный - [theme='dark-theme']
• Высококонтрастный свет - [theme='hc-light']
• Высококонтрастный темный - [theme='hc-dark']

Пример:

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