diff --git a/packages/core/scripts/theme-builder/src/theme-variables.ts b/packages/core/scripts/theme-builder/src/theme-variables.ts
index 2d81d14ca3..7a5e4c11aa 100644
--- a/packages/core/scripts/theme-builder/src/theme-variables.ts
+++ b/packages/core/scripts/theme-builder/src/theme-variables.ts
@@ -1,9 +1,9 @@
 import { Color } from './components/Color';
 export interface ThemeVariable {
   property: string;
-  quickPick?: {text: string},
+  quickPick?: {text: string};
   value?: Color | number | string;
-  computed?: {type: ComputedType, params: any}
+  computed?: {type: ComputedType, params: any};
 }
 
 export enum ComputedType {
@@ -528,6 +528,9 @@ export const THEME_VARIABLES: ThemeVariable[] = [
   {
     property: '--ion-tabbar-background-color'
   },
+  {
+    property: '--tabbar-background-color-focused'
+  },
   {
     property: '--ion-tabbar-border-color'
   },