[comment]: # aside:4

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

Директоријум *assets*  може да садржи било које датотеке и поддиректоријуме који не припадају другим директоријумима. Можете га користити за:

- JavaScript стилове (морају бити унутар *[assets/js](#assetsjs)*);
- CSS стилове (морају бити унутар *[assets/css](#assetscss)*);
- Слике;
- Фонтове;
- Све остало што је потребно да се укључи.

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

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

Директоријум *assets/js** је резервисан и треба да садржи само JavaScript датотеке.
Да би их користио виџет, наведите ове датотеке у *[manifest.json](/devel/modules/file_structure/manifest)*.
На пример:
```json
"assets": {
"js": ["class.widget.js"]
}
```

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

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

*assets/css* је резервисан и треба да садржи само CSS стилске датотеке. 
Да би се користиле у виџету, наведите ове датотеке у *[manifest.json](/devel/modules/file_structure/manifest)*.

На пример:

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

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

[comment]: # ({fcb10dd9-aedbe0c5})
##### CSS стилови

CSS датотеке могу садржати прилагођени атрибут `theme` за дефинисање различитог стила за специфичне теме корисничког интерфејса.

Доступне теме и њихове вредности атрибута:

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

Пример:

```css
.widget {
background-color: red;
}

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

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