diff --git a/src/renderer/themes/active.injectable.ts b/src/renderer/themes/active.injectable.ts
new file mode 100644
index 0000000000..e83c4ff5fd
--- /dev/null
+++ b/src/renderer/themes/active.injectable.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import themeStoreInjectable from "./store.injectable";
+
+const activeThemeInjectable = getInjectable({
+  id: "active-theme",
+  instantiate: (di) => {
+    const store = di.inject(themeStoreInjectable);
+
+    return computed(() => store.activeTheme);
+  },
+});
+
+export default activeThemeInjectable;