Risorse

La cartella assets può contenere file e sottocartelle che non appartengono ad altre directory. Puoi usarlo per:

• Stili JavaScript (devono essere all'interno di assets/js);
• Stili CSS (devono essere all'interno di assets/css);
• Immagini;
• Fonts;
• Qualsiasi altra cosa che devi includere.

assets/js

La directory assets/js è riservata e deve contenere solo file JavaScript. Per essere utilizzati dal widget, specificare questi file in manifest.json.

Per esempio:

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

assets/css

assets/css è riservato e dovrebbe contenere solamente file di stile CSS. Per essere utilizzato dal widget, crea dei riferimenti a questi file nel manifest.json.

Ad esempio:

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

Stili CSS

I file CSS possono contenere un attributo personalizzato theme per definire uno stile diverso per specifici temi del frontend.

Temi disponibili e relativi valori dell'attributo:

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

Esempio:

.widget {
    background-color: red;
}

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