Eszközök

Az eszközök mappa olyan fájlokat és almappákat tartalmazhat, amelyek nem tartoznak más könyvtárakhoz. A következőkre használhatja:

• JavaScript stílusok (a assets/js belül kell lennie);
• CSS-stílusok (a assets/css belül kell lennie);
• Képek;
• Betűtípusok;
• Bármi más, amit tartalmaznia kell.

eszközök/js

Az eszközök/js könyvtár le van foglalva, és csak JavaScript fájlokat tartalmazhat. A widget használatához adja meg ezeket a fájlokat a manifest.json fájlban.

Például:

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

eszközök/css

Az assets/css le van foglalva, és csak CSS stílusú fájlokat tartalmazhat. A widget használatához adja meg ezeket a fájlokat a manifest.json.

Például:

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

CSS stílusok

A CSS-fájlok tartalmazhatnak egy egyéni theme attribútumot, amely eltérő stílust határoz meg egy adott frontend témához.

Elérhető témák és attribútumértékeik:

• Kék - [theme='blue-theme']
• Sötét - [theme='dark-theme']
• Nagy-kontrasztú világos - [theme='hc-light']
• Nagy-kontrasztú sötét - [theme='hc-dark']

Példa:

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