diff --git a/app/db/tables.ts b/app/db/tables.ts
index d879b5ee3..0b1b44538 100644
--- a/app/db/tables.ts
+++ b/app/db/tables.ts
@@ -36,22 +36,22 @@ export type MemberRole = (typeof TEAM_MEMBER_ROLES)[number];
 export type DBBoolean = number;
 
 export const CUSTOM_THEME_VARS = [
-	"--base-h",
-	"--base-c-0",
-	"--base-c-1",
-	"--base-c-2",
-	"--base-c-3",
-	"--base-c-4",
-	"--base-c-5",
-	"--base-c-6",
-	"--base-c-7",
-	"--acc-h",
-	"--acc-c-0",
-	"--acc-c-1",
-	"--acc-c-2",
-	"--acc-c-3",
-	"--acc-c-4",
-	"--acc-c-5",
+	"--_base-h",
+	"--_base-c-0",
+	"--_base-c-1",
+	"--_base-c-2",
+	"--_base-c-3",
+	"--_base-c-4",
+	"--_base-c-5",
+	"--_base-c-6",
+	"--_base-c-7",
+	"--_acc-h",
+	"--_acc-c-0",
+	"--_acc-c-1",
+	"--_acc-c-2",
+	"--_acc-c-3",
+	"--_acc-c-4",
+	"--_acc-c-5",
 ] as const;
 export type CustomThemeVar = (typeof CUSTOM_THEME_VARS)[number];
 export type CustomTheme = Record<CustomThemeVar, number>;
diff --git a/app/utils/oklch-gamut.ts b/app/utils/oklch-gamut.ts
index 52aeacba7..c4f01ccba 100644
--- a/app/utils/oklch-gamut.ts
+++ b/app/utils/oklch-gamut.ts
@@ -293,21 +293,21 @@ export function clampThemeToGamut(input: ThemeInput): CustomTheme {
 	);
 
 	return {
-		"--base-h": input.baseHue,
-		"--base-c-0": clampedBaseChromas[0],
-		"--base-c-1": clampedBaseChromas[1],
-		"--base-c-2": clampedBaseChromas[2],
-		"--base-c-3": clampedBaseChromas[3],
-		"--base-c-4": clampedBaseChromas[4],
-		"--base-c-5": clampedBaseChromas[5],
-		"--base-c-6": clampedBaseChromas[6],
-		"--base-c-7": clampedBaseChromas[7],
-		"--acc-h": input.accentHue,
-		"--acc-c-0": clampedAccentChromas[0],
-		"--acc-c-1": clampedAccentChromas[1],
-		"--acc-c-2": clampedAccentChromas[2],
-		"--acc-c-3": clampedAccentChromas[3],
-		"--acc-c-4": clampedAccentChromas[4],
-		"--acc-c-5": clampedAccentChromas[5],
+		"--_base-h": input.baseHue,
+		"--_base-c-0": clampedBaseChromas[0],
+		"--_base-c-1": clampedBaseChromas[1],
+		"--_base-c-2": clampedBaseChromas[2],
+		"--_base-c-3": clampedBaseChromas[3],
+		"--_base-c-4": clampedBaseChromas[4],
+		"--_base-c-5": clampedBaseChromas[5],
+		"--_base-c-6": clampedBaseChromas[6],
+		"--_base-c-7": clampedBaseChromas[7],
+		"--_acc-h": input.accentHue,
+		"--_acc-c-0": clampedAccentChromas[0],
+		"--_acc-c-1": clampedAccentChromas[1],
+		"--_acc-c-2": clampedAccentChromas[2],
+		"--_acc-c-3": clampedAccentChromas[3],
+		"--_acc-c-4": clampedAccentChromas[4],
+		"--_acc-c-5": clampedAccentChromas[5],
 	};
 }