themeName

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

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

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"
    })
  ],
})

The theme name is also in kcContext.themeName

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

๐ŸŽญTheme Variants

Last updated