fix: some color combination

src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Resume, TemplateType } from './types/resume';
 import { ResumeForm } from './components/ResumeForm';
 import { ModernTemplate } from './components/templates/ModernTemplate';
@@ -18,7 +18,7 @@ import { exportToWord } from './utils/wordExport';
 
 export default function App() {
   const [resume, setResume] = useState<Resume>(initialResume);
-  const [template, setTemplate] = useState<TemplateType>('vibrant');
+  const [template, setTemplate] = useState<TemplateType>('tech');
 
   const TemplateComponent = {
     modern: ModernTemplate,

src/components/common/Footer.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+// import React from 'react';
 import { Github } from 'lucide-react';
 
 export function Footer() {

src/components/common/PrintCredit.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Github } from 'lucide-react';
+// import React from 'react';
+// import { Github } from 'lucide-react';
 
 export function PrintCredit() {
   return (

src/components/templates/TechTemplate.tsx

@@ -6,7 +6,7 @@ export function TechTemplate({ resume }: { resume: Resume }) {
   const { personalInfo } = resume;
   
   return (
-    <div className="max-w-4xl mx-auto bg-gray-900 text-gray-300">
+    <div className="max-w-4xl mx-auto bg-gray-900 text-indigo-300">
       <div className="border-b border-gray-800">
         <div className="p-8">
           <div className="flex items-center gap-6">