update default color

Author: ShadowSkeleton

my-portfolio/src/components/About.jsx

@@ -29,7 +29,7 @@ export default function About() {
                 >
                     I’m <span className="font-semibold">Jingrui Feng</span>, an Information Technology and Web Science graduate
                     from Rensselaer Polytechnic Institute, currently based in <span className="font-semibold">Jersey City, NJ</span>.
-                    My interests lie in full-stack development, scalable software design, and systems optimization.
+                    I’m passionate about full-stack development and designing efficient, maintainable software solutions that deliver great user experiences.
                 </motion.p>
 
                 <motion.p

my-portfolio/src/components/Navbar.jsx

@@ -4,13 +4,9 @@ import { AnimatePresence, motion } from "framer-motion";
 
 export default function NavBar() {
     const [active, setActive] = useState("");
-    const [theme, setTheme] = useState(
-        () =>
-            localStorage.getItem("theme") ||
-            (window.matchMedia("(prefers-color-scheme: dark)").matches
-                ? "dark"
-                : "light")
-    );
+    // Default to light mode first; remember user’s last choice
+    const [theme, setTheme] = useState(() => localStorage.getItem("theme") || "light");
+
 
     // observe which section is active
     useEffect(() => {

my-portfolio/src/index.css

@@ -5,3 +5,7 @@ html {
     scroll-behavior: smooth;
     transition: background-color 0.3s ease, color 0.3s ease;
 }
+html, body {
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+