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 diferentes estilos para temas específicos de la interfaz.

Temas disponibles y sus valores de atributo:

• Azul - [theme='blue-theme']
• Oscuro - [theme='dark-theme']
• Alto contraste claro - [theme='hc-light']
• Alto contraste oscuro - [theme='hc-dark']

Ejemplo:

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