Configuration

To make the widget look and work the way you want, there are a few configuration options available.

Colors

Currently, Skrym allows you to set the primary and secondary colors of the widget. You can do this by going into the Scope admin settings and setting the colors there.

Info

We are working on improving the customization options for the widget to allow for more advanced personalization.

Dark mode

There are two ways to decide which theme to use on the widget. You can either set it in the URL or call the setTheme function from the helper script.

The widget supports three themes: light, dark, and system. The system theme will use the user's prefers-color-scheme setting to decide which theme to use.

Via API

When fetching the widget URL, you can specify the theme. If not specified, the default theme is system.

Via helper script

You can also set the theme client-side by calling the setTheme function, available via the helper script. Just like with the API, you can set the theme to light, dark, or system. Example usage:

window.SkrymTrackingWidget.setTheme('dark');

Language

The widget supports multiple languages. Similar to the theme, you can set the language in the URL or call the setLanguage function from the helper script.

Via API

When fetching the widget URL, you can specify the language. If not specified, the widget will check for the user's preferred language or default to English.

Via helper script

You can also set the language client-side by calling the setLanguage function, available via the helper script. Just like with the API, you can set the language to en, sv, no, fi, da, or es. Example usage:

window.SkrymTrackingWidget.setLanguage('sv');