Assets

A pasta assets pode conter quaisquer arquivos e subpastas que não pertençam a outros diretórios. Você pode usá-la para:

• Estilos JavaScript (devem estar dentro de assets/js);
• Estilos CSS (devem estar dentro de assets/css);
• Imagens;
• Fontes;
• Qualquer outra coisa que você precise incluir.

assets/js

O diretório assets/js é reservado e deve conter apenas arquivos JavaScript. Para serem usados pelo widget, especifique esses arquivos no manifest.json.

Por exemplo:

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

assets/css

assets/css é reservado e deve conter apenas arquivos de estilo CSS. Para ser usado pelo widget, especifique esses arquivos no manifest.json.

Por exemplo:

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

Estilos CSS

Os arquivos CSS podem conter um atributo personalizado theme para definir estilos diferentes para temas específicos do frontend.

Temas disponíveis e seus valores de atributo:

• Azul - [theme='blue-theme']
• Escuro - [theme='dark-theme']
• Alto contraste claro - [theme='hc-light']
• Alto contraste escuro - [theme='hc-dark']

Exemplo:

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