themeName

This is the name that will appear in the select input of the Keycloak Admin UI that let's you select the theme.

Here the theme name is "my-react-app"

By default it's package.json["name"]

Vite

vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { keycloakify } from "keycloakify/vite-plugin";

export default defineConfig({
  plugins: [
    react(), 
    keycloakify({
      themeName: "my-custom-name"
    })
  ],
})

Webpack

package.json

{
    "keycloakify": {
        "themeName": "my-custom-name"
    }
}

The theme name is also in kcContext.themeName

Providing an array enables you to implement theme variant. See:

🎭Theme Variants