Recursos

La carpeta assets puede contener cualquier archivo y subcarpeta que no pertenezca a otros directorios. Puede utilizarla para:

• Estilos JavaScript (deben estar dentro de assets/js);
• Estilos CSS (deben estar dentro de assets/css);
• Imágenes;
• Fuentes;
• Cualquier otra cosa que necesite incluir.

assets/js

El directorio assets/js está reservado y solo debe contener archivos JavaScript. Para que sean utilizados por el widget, especifique estos archivos en el manifest.json.

Por ejemplo:

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

assets/css

assets/css está reservado y solo debe contener archivos de estilos CSS. Para que el widget los utilice, especifique estos archivos en el manifest.json.

Por ejemplo:

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

Estilos CSS

Los archivos CSS pueden contener un atributo personalizado theme para definir un estilo diferente para temas específicos del frontend.

Temas disponibles y sus valores de atributo:

• 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']

Ejemplo:

.widget {
    background-color: red;
}

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