[comment]: # aside:4

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

Mape *assets* var saturēt jebkādus failus un apakšmapes, kas nepieder citām direktorijām. To var izmantot šādam saturam:

- JavaScript stiliem (jāatrodas mapē *[assets/js](#assetsjs)*);
- CSS stiliem (jāatrodas mapē *[assets/css](#assetscss)*);
- Attēliem;
- Fontiem;
- Jebkam citam, kas jums jāiekļauj.

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

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

Direktorija *assets/js* ir rezervēta, un tajā drīkst atrasties tikai JavaScript faili.
Lai tos izmantotu logrīks, norādiet šos failus *[manifest.json](/devel/modules/file_structure/manifest)*.

Piemēram:

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

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

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

*assets/css* ir rezervēts un tajā drīkst atrasties tikai CSS stilu faili.
Lai tos izmantotu logrīks, norādiet šos failus *[manifest.json](/devel/modules/file_structure/manifest)*.

Piemēram:

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

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

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

CSS faili var saturēt pielāgotu atribūtu `theme`, lai definētu atšķirīgu stilu konkrētai lietotāja saskarnes tēmai.

Pieejamās tēmas un to atribūtu vērtības:

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

Piemērs:

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

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