diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/js/drawings.js b/src/blenderbim/blenderbim/bim/data/webui/static/js/drawings.js
index ed3f6ff3d4..ca49a3ebf9 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/js/drawings.js
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/js/drawings.js
@@ -111,7 +111,7 @@ function handleThemeData(themeData) {
   function generateCssVariableRule(theme) {
     let cssVariables = ":root.blender {\n";
     for (const key in theme) {
-      const cssVariableName = `--blend-${key.replace(/_/g, "-")}`;
+      const cssVariableName = `--blender-${key.replace(/_/g, "-")}`;
       const cssVariableValue = arrayToRgbString(theme[key]);
       cssVariables += `    ${cssVariableName}: ${cssVariableValue};\n`;
     }
diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js b/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js
index 70cdbdaf60..dd2cfb7916 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js
@@ -98,7 +98,7 @@ function handleThemeData(themeData) {
   function generateCssVariableRule(theme) {
     let cssVariables = ":root.blender {\n";
     for (const key in theme) {
-      const cssVariableName = `--blend-${key.replace(/_/g, "-")}`;
+      const cssVariableName = `--blender-${key.replace(/_/g, "-")}`;
       const cssVariableValue = arrayToRgbString(theme[key]);
       cssVariables += `    ${cssVariableName}: ${cssVariableValue};\n`;
     }
diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/js/index.js b/src/blenderbim/blenderbim/bim/data/webui/static/js/index.js
index ea206fd3ec..f0f149a82e 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/js/index.js
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/js/index.js
@@ -75,7 +75,7 @@ function handleThemeData(themeData) {
   function generateCssVariableRule(theme) {
     let cssVariables = ":root.blender {\n";
     for (const key in theme) {
-      const cssVariableName = `--blend-${key.replace(/_/g, "-")}`;
+      const cssVariableName = `--blender-${key.replace(/_/g, "-")}`;
       const cssVariableValue = arrayToRgbString(theme[key]);
       cssVariables += `    ${cssVariableName}: ${cssVariableValue};\n`;
     }