Narrat themes not working for me

Help
1

*I’m trying to create my own theme according to the instructions in the doc, I’ve created the my-theme/ css and index files, but whenever I paste the information from the example in the index I just get a bunch of errors like “*extendedConfig” name not found.

Screenshot 2025-10-16 141507
Screenshot 2025-10-16 141507642×565 17.6 KB

2

Something seems to have broken in that page of docs, there’s a syntax error. That default line can be deleted, it’s not valid syntax.

Here’s some other examples from current code:

export const textOnlyTheme: Theme = {
  id: 'narrat-text-only',
  css: TextOnlyThemeCSS,
  extendedConfig: {
    common: {
      dialogPanel: {
        textSpeed: 30,
        animateText: true,
        timeBetweenLines: 100,
        overlayMode: true,
        rightOffset: 300,
        bottomOffset: 150,
        width: 700,
        height: 680,
      },
    },
  },
};

You can see more of the files on github for examples of CSS etc

1 Like