Activos

La carpeta assets puede contener archivos y subcarpetas que no pertenecen a otros directorios. Puedes usarlo para:

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

activos/js

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

Por ejemplo: For example:

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

assets/css

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

Por ejemplo:

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

Los archivos CSS pueden contener un atributo personalizado 'tema' para definir un estilo diferente para un tema de interfaz específico.

Temas disponibles y sus valores de atributo:

-Azul - [theme='blue-theme'] -Oscuro - [theme='dark-theme'] -Luz de alto contraste - [theme='hc-light'] -Oscuro de alto contraste - [theme='hc-dark']

Ejemplo:

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