[comment]: # aside:4

[comment]: # ({3c100212-cd954d56})

# Actifs

Le dossier *assets* peut contenir des fichiers et des sous-dossiers qui n'appartiennent pas à d'autres répertoires. Vous pouvez l'utiliser pour :

- Styles JavaScript (doit être à l'intérieur de *[assets/js](#assetsjs)*);
- Styles CSS (doit être à l'intérieur de *[assets/css](#assetscss)*);
- Images;
- Polices;
- Tout ce dont vous avez besoin d'inclure.

[comment]: # ({/3c100212-cd954d56})

[comment]: # ({2b4831f8-08585fb9})

### actifs/js

Le répertoire *assets/js* est réservé et ne doit contenir que des fichiers JavaScript.
Pour être utilisés par le widget, spécifiez ces fichiers dans le fichier *[manifest.json](/manifest)*.

Par exemple:

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

[comment]: # ({/2b4831f8-08585fb9})

[comment]: # ({1da3de82-18641225})

### actifs/css

*assets/css* est réservé et ne doit contenir que des fichiers de style CSS.
Pour être utilisés par le widget, spécifiez ces fichiers dans le fichier *[manifest.json](/manifest)*.

Par exemple:

```json
"assets": {
     "css": ["monwidget.css"]
}
```

[comment]: # ({/1da3de82-18641225})

[comment]: # ({fcb10dd9-aedbe0c5})
##### Styles CSS

Les fichiers CSS peuvent contenir un attribut personnalisé `theme` pour définir un style différent pour des thèmes spécifiques de l'interface.

Thèmes disponibles et valeurs de leurs attributs :

-   **Blue** - [theme='blue-theme']
-   **Dark** - [theme='dark-theme']
-   **High-contrast light** - [theme='hc-light']
-   **High-contrast dark** - [theme='hc-dark']

Exemple :

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

[comment]: # ({/fcb10dd9-aedbe0c5})