Assets

Der Ordner assets kann beliebige Dateien und Unterordner enthalten, die nicht zu anderen Verzeichnissen gehören. Sie können ihn verwenden für:

• JavaScript-Stile (müssen sich in assets/js befinden);
• CSS-Stile (müssen sich innerhalb von assets/css befinden);
• Bilder;
• Schriftarten;
• Alles, was Sie sonst noch einfügen müssen.

assets/js

Das Verzeichnis assets/js ist reserviert und sollte nur JavaScript-Dateien enthalten. Um vom Widget verwendet zu werden, geben Sie diese Dateien in der manifest.json an.

Zum Beispiel:

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

assets/css

assets/css ist reserviert und sollte nur CSS-Stil-Dateien enthalten. Um vom Widget verwendet zu werden, geben Sie diese Dateien in der manifest.json an.

Zum Beispiel:

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

CSS styles

CSS-Dateien können ein benutzerdefiniertes Attribut theme enthalten, um einen anderen Stil für ein bestimmtes Frontend-Theme zu definieren.

Verfügbare Themen und ihre Attributwerte:

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

Beispiel:

.widget {
    background-color: red;
}

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