Aktywa

Folder assets może zawierać dowolne pliki i podfoldery, które nie należą do innych katalogów. Możesz go używać do:

• Styli JavaScript (muszą znajdować się w assets/js);
• Styli CSS (muszą znajdować się w assets/css);
• Obrazów;
• Czcionek;
• Wszystkiego innego, co chcesz uwzględnić.

assets/js

Katalog assets/js jest zastrzeżony i powinien zawierać wyłącznie pliki JavaScript. Aby widget mógł używać tych plików, określ je w pliku manifest.json.

Na przykład:

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

assets/css

Katalog assets/css jest zastrzeżony i powinien zawierać wyłącznie pliki stylu CSS. Aby widget mógł używać tych plików, określ je w pliku manifest.json.

Na przykład:

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

Style CSS

Pliki CSS mogą zawierać niestandardowy atrybut theme, aby zdefiniować różne style dla określonych motywów frontend.

Dostępne motywy i wartości ich atrybutów:

• Niebieski - [theme='blue-theme']
• Niebieski (klasyczny) - [theme='blue-classic-theme']
• Ciemny - [theme='dark-theme']
• Ciemny (klasyczny) - [theme='dark-classic-theme']
• Jasny o wysokim kontraście - [theme='hc-light']
• Ciemny o wysokim kontraście - [theme='hc-dark']

Przykład:

.widget {
    background-color: red;
}

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