diff --git a/scripts/build-plugins/rollup-plugin-build-themes.js b/scripts/build-plugins/rollup-plugin-build-themes.js
index a3fd6c8f..53258f16 100644
--- a/scripts/build-plugins/rollup-plugin-build-themes.js
+++ b/scripts/build-plugins/rollup-plugin-build-themes.js
@@ -272,7 +272,7 @@ module.exports = function buildThemes(options) {
                          * "light" options.
                         */ 
                         const defaultVariant = dark ? defaultDarkVariant : defaultLightVariant;
-                        defaultVariant.themeDisplayName = variantName;
+                        defaultVariant.variantName = variantName;
                         defaultVariant.id = themeId
                         defaultVariant.cssLocation = assetMap.get(chunk.fileName).fileName;
                         continue;
@@ -297,7 +297,7 @@ module.exports = function buildThemes(options) {
                      * treat it like any other variant.
                      */
                     const variant = defaultDarkVariant.id ? defaultDarkVariant : defaultLightVariant;
-                    builtAssets[`${themeName} ${variant.themeDisplayName}`] = { id: variant.id, cssLocation: variant.cssLocation };
+                    builtAssets[`${themeName} ${variant.variantName}`] = { id: variant.id, cssLocation: variant.cssLocation };
                 }
                 manifest.source = {
                     "built-assets": builtAssets,
diff --git a/src/platform/web/ThemeLoader.ts b/src/platform/web/ThemeLoader.ts
index 2901cdf9..955d3b48 100644
--- a/src/platform/web/ThemeLoader.ts
+++ b/src/platform/web/ThemeLoader.ts
@@ -26,12 +26,12 @@ type DefaultVariant = {
     dark: {
         id: string;
         cssLocation: string;
-        themeDisplayName: string;
+        variantName: string;
     };
     light: {
         id: string;
         cssLocation: string;
-        themeDisplayName: string;
+        variantName: string;
     };
 }
 type ThemeInformation = NormalVariant | DefaultVariant;