labguage and colormode support

src/components/Mail.jsx

@@ -2,15 +2,19 @@ import React from "react";
 import "../css/Mail.css";
 import { useState } from "react";
 import EnvelopeIcon from "../assets/icons/navIcons/envelope.svg?react";
+import { useTheme } from "../Context/ThemeContext";
 
 const Mail = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
   const [animation, setAnimation] = useState(initialAnimation);
   const emailUser = "yousif.paulus";
   const domain = "hotmail.de";
+
+  const { colormode } = useTheme();
+
   return (
     <div
-      className={`eMail container animate__animated ${animation}`}
-   /*    onMouseEnter={() => onMouseEnter(setAnimation)} */
+      className={`eMail container animate__animated ${animation} ${colormode}`}
+      /*    onMouseEnter={() => onMouseEnter(setAnimation)} */
       onAnimationEnd={() => onAnimationEnd(setAnimation)}
     >
       <a