From 6d098d807da39c4c938f9e56bf593b983d6337bf Mon Sep 17 00:00:00 2001
From: pnzrr <93841792+pnzrr@users.noreply.github.com>
Date: Fri, 2 May 2025 15:56:46 -0600
Subject: [PATCH] Update theme-variants.md

---
 features/theme-variants.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/features/theme-variants.md b/features/theme-variants.md
index fd8071a..f03148c 100644
--- a/features/theme-variants.md
+++ b/features/theme-variants.md
@@ -51,6 +51,12 @@ In your code you'll be able to load different styles based on the value of `kcCo
 Tutorial video
 {% endembed %}
 
+## Viewing your variants
+
+1. Assign the variant as the login theme to the realm.
+2. Create separate clients and assign each variant to a different client.
+3. Apply the theme name in the `kcContext` of the storybook story: `<KcPageStory kcContext={{ themeName: "chocolate" }}...`
+
 ## Different text for each of your theme variants
 
 Keycloakify lets you provide custom tranlations on a per-theme variant basis.
@@ -98,6 +104,10 @@ export { useI18n, type I18n };
 
 <figure><img src="../.gitbook/assets/image (33).png" alt=""><figcaption><p>"my-theme-2" view</p></figcaption></figure>
 
+## In Emails
+
+Access the value in your email theme with `${xKeycloakify.themeName}`.
+
 ## In Native Themes
 
 For native Email Theme [this video timestamp](https://www.youtube.com/watch?v=IZ9LSLfWxqo\&t=684s).\