[comment]: # translation:outdated

[comment]: # aside:4

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

De map *assets* kan bestanden en mappen bevatten die niet tot andere mappen behoren. Je kunt het gebruiken voor:

- JavaScript-stijlen (worden geplaatst in *[assets/js](#assetsjs)*);
- CSS-stijlen (worden geplaatst in *[assets/css](#assetscss)*);
- Afbeeldingen;
- Lettertypen;
- Alle andere noodzakelijke items.

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

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

*assets/js* directory is gereserveerd en mag alleen JavaScript-bestanden bevatten.
Om een widget te laten gebruikmaken van deze bestanden dienen deze gespecifieerd te worden in *[manifest.json](/devel/modules/file_structure/manifest)*.

Voorbeeld:

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

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

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

*assets/css* is gereserveerd en mag alleen CSS-stijlbestanden bevatten.
Om een widget te laten gebruikmaken van deze bestanden dienen deze gespecifieerd te worden in *[manifest.json](/devel/modules/file_structure/manifest)*.

Voorbeeld:

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

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

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

CSS-bestanden kunnen een aangepast attribuut 'theme' bevatten om een andere stijl te definiëren voor specifieke frontend-thema.

Beschikbare thema's en hun attribuutwaarden:

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

Voorbeeld:

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

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