diff --git a/src/pages/Header.tsx b/src/pages/Header.tsx
index adbbcc9..b567e24 100644
--- a/src/pages/Header.tsx
+++ b/src/pages/Header.tsx
@@ -7,7 +7,7 @@ import { TstateTheme } from "@/types/Types";
 
 function Header() {
 const {ThemeIsDark} = useContext(MyContext) as TstateTheme ;
-const ThemeForComponent = ThemeIsDark ? 'text-white bg-gray-800 duration-500 border-b-gray-600 border border-t-0':'duration-500 bg-gradient-to-b from-gray-600 to-white'
+const ThemeForComponent = ThemeIsDark ? 'text-white bg-gray-1000 duration-700 border-b-gray-600 border border-t-0':'duration-800 bg-gradient-to-b from-gray-600 to-white'
 
 return (<header className={`${ThemeForComponent} dura`}>
 <nav className=" flex justify-around w-full h-16 items-center ">