diff --git a/src/app/[locale]/features-form/page.tsx b/src/app/[locale]/features-form/page.tsx
deleted file mode 100644
index 0b9dc3b..0000000
--- a/src/app/[locale]/features-form/page.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import Footer from "@/components/Footer";
-import Header from "@/components/Header";
-import { Box, Flex } from "@radix-ui/themes";
-import { Metadata } from "next";
-
-export default function Page() {
-
-  return (
-
-    <Flex direction={"column"} gap={"4"}>
-      <Header />
-      <Box p="4" className="text-center">
-        <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeFbI-Bu-RsuYg1SP3_-L7wo5OOIfp5XR7H4E7jYgullaCm7g/viewform?embedded=true" className="w-full h-full" >Loading…</iframe>
-      </Box>
-      <Footer />
-    </Flex>
-
-  )
-}
-
-const host = process.env.NEXT_PUBLIC_HOST;
-
-export async function generateMetadata({
-  params,
-}: {
-  params: Promise<{ locale: string }>;
-}): Promise<Metadata> {
-  const { locale } = await params;
-
-  const name = "features-form";
-
-  const title = "new features wanted";
-  const description = title;
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-      url: `${host}/${locale}/${name}`,
-      images: [
-        {
-          url: `${process.env.NEXT_PUBLIC_HOST}/og-image.png`,
-          width: 1200,
-          height: 630,
-          alt: title,
-        },
-      ],
-      locale: locale,
-      type: "website",
-    },
-    twitter: {
-      card: "summary_large_image",
-      title,
-      description,
-      images: [`${process.env.NEXT_PUBLIC_HOST}/og-image.png`],
-    },
-    alternates: {
-      canonical: `${host}/${name}`,
-      languages: {
-        en: `${host}/en/${name}`,
-        zh: `${host}/zh/${name}`,
-      },
-    },
-  };
-}
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 73fddbd..83783c5 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -32,14 +32,6 @@ export default function Footer() {
             >
               {t("blogName")}
             </Link>
-
-            <Link
-              href="/features-form"
-              className="text-sm text-muted-foreground hover:text-primary"
-            >
-              Features Wanted
-            </Link>
-
           </Flex>
 
           <Flex gap={"2"} direction={"column"} >
diff --git a/src/components/FullEditor.tsx b/src/components/FullEditor.tsx
index 842180c..535abd2 100644
--- a/src/components/FullEditor.tsx
+++ b/src/components/FullEditor.tsx
@@ -18,7 +18,7 @@ export default function Page({ textProp, backgroundProp, effectProp }: { textPro
   const t = useTranslations("TextEditor");
 
   backgroundProp = backgroundProp || {
-    color: "#c4b1b1",
+    color: "#a49494",
     image: null,
   } satisfies BackgroundProp;
 
diff --git a/src/components/common/TextSetting.tsx b/src/components/common/TextSetting.tsx
index ec6a4b9..102dbaa 100644
--- a/src/components/common/TextSetting.tsx
+++ b/src/components/common/TextSetting.tsx
@@ -43,7 +43,7 @@ export class TextProp {
     }
     return {
       text,
-      color: "#8e86fe",
+      color: ["#ce6464", "#63635a"],
       colorGradientDir: "l2r",
       font,
       fontUrl: getOnlineFontPath(font, FontWeight.Regular),
@@ -79,9 +79,6 @@ export default function TextSetting({
   setText: (text: TextProp) => void;
 }) {
   const locale = useLocale();
-
-
-
   const t = useTranslations("TextEditor");
   const [uploadFonts, setUploadFonts] = useState<UploadFont[]>([]);
   const isPureColor = !Array.isArray(text.color);
diff --git a/src/components/common/ThreeTools.ts b/src/components/common/ThreeTools.ts
index e127078..10e0633 100644
--- a/src/components/common/ThreeTools.ts
+++ b/src/components/common/ThreeTools.ts
@@ -52,7 +52,7 @@ export function init(
   // controls
 
   controls = new OrbitControls(camera, renderer.domElement);
-  controls.screenSpacePanning = true;
+  // controls.screenSpacePanning = false;
 
   controls.enabled = true;
   // controls.enablePan = false;