diff --git a/app/components/CustomThemeSelector.tsx b/app/components/CustomThemeSelector.tsx
index c64effa5c..d3e454d83 100644
--- a/app/components/CustomThemeSelector.tsx
+++ b/app/components/CustomThemeSelector.tsx
@@ -221,12 +221,14 @@ function ThemeSlider({
export function CustomThemeSelector({
initialTheme,
isSupporter,
+ isPersonalTheme,
onSave,
onReset,
hidePatreonInfo,
}: {
initialTheme: CustomTheme | null | undefined;
isSupporter: boolean;
+ isPersonalTheme: boolean;
onSave: (themeInput: ThemeInput) => void;
onReset: () => void;
hidePatreonInfo?: boolean;
@@ -307,15 +309,17 @@ export function CustomThemeSelector({
onChange={handleSliderChange}
/>
))}
-
-
- {t("common:settings.customTheme.chatHueToggle")}
-
-
- {chatHueEnabled ? (
+ {isPersonalTheme ? (
+
+
+ {t("common:settings.customTheme.chatHueToggle")}
+
+
+ ) : null}
+ {chatHueEnabled && isPersonalTheme ? (
))}
- {t("common:settings.customTheme.sizes")}
-
- {SIZE_SLIDERS.map((slider) => (
-
- ))}
-
- {t("common:settings.customTheme.borders")}
-
- {BORDER_SLIDERS.map((slider) => (
-
- ))}
-
+ {isPersonalTheme ? (
+ <>
+ {t("common:settings.customTheme.sizes")}
+
+ {SIZE_SLIDERS.map((slider) => (
+
+ ))}
+
+
+ {t("common:settings.customTheme.borders")}
+
+
+ {BORDER_SLIDERS.map((slider) => (
+
+ ))}
+
+ >
+ ) : null}
{t("common:actions.save")}
diff --git a/app/features/settings/routes/settings.tsx b/app/features/settings/routes/settings.tsx
index b15736d10..3a13f7db5 100644
--- a/app/features/settings/routes/settings.tsx
+++ b/app/features/settings/routes/settings.tsx
@@ -222,6 +222,7 @@ function CustomColorSelector() {
return (