diff --git a/apps/client/app/routes/tmp.tsx b/apps/client/app/routes/tmp.tsx
index 8d52eef..2f759ae 100644
--- a/apps/client/app/routes/tmp.tsx
+++ b/apps/client/app/routes/tmp.tsx
@@ -1,4 +1,4 @@
-import colors from "@/theme/colors";
+import { colors } from "@/theme";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 
diff --git a/apps/client/app/routes/tokens.tsx b/apps/client/app/routes/tokens.tsx
index cbcc4ac..331cd56 100644
--- a/apps/client/app/routes/tokens.tsx
+++ b/apps/client/app/routes/tokens.tsx
@@ -1,6 +1,4 @@
-import card from "@/theme/card";
-import colors from "@/theme/colors";
-import typography from "@/theme/typography";
+import { card, colors, typography } from "@/theme";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import type React from "react";
diff --git a/apps/client/app/theme/card.ts b/apps/client/app/theme/card.ts
index a4eeaae..33bc9c2 100644
--- a/apps/client/app/theme/card.ts
+++ b/apps/client/app/theme/card.ts
@@ -1,4 +1,4 @@
-import colors from "@/theme/colors";
+import { colors } from "@/theme";
 
 export default {
   default: {
diff --git a/apps/client/app/theme/index.tsx b/apps/client/app/theme/index.tsx
new file mode 100644
index 0000000..181b130
--- /dev/null
+++ b/apps/client/app/theme/index.tsx
@@ -0,0 +1,3 @@
+export { default as card } from "@/theme/card";
+export { default as colors } from "@/theme/colors";
+export { default as typography } from "@/theme/typography";