Assets

Папка 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='dark-theme']
  • Висококонтрастна світла - [theme='hc-light']
  • Висококонтрастна темна - [theme='hc-dark']

приклад:

.widget {
           background-color: червоний;
       }
        
       [theme='dark-theme'] .widget {
           background-color: зелений;
       }