Ресурсы

Каталог 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 styles

CSS files may contain a custom attribute theme to define different style for a specific frontend themes.

Available themes and their attribute values:

• Blue - [theme='blue-theme']
• Dark - [theme='dark-theme']
• High-contrast light - [theme='hc-light']
• High-contrast dark - [theme='hc-dark']

Example:

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