diff --git a/src/components/RightMenu/RightMenu.tsx b/src/components/RightMenu/RightMenu.tsx
index e5f351116af1c18cd939911e33aca3d6c4d63001..ce6b2e4332a5ea1ccfc3e49d824beacf051e8c0a 100644
--- a/src/components/RightMenu/RightMenu.tsx
+++ b/src/components/RightMenu/RightMenu.tsx
@@ -6,7 +6,7 @@ import "./RightMenu.scss";
 import { UserContext } from "../../globals/contexts/UserContext";
 const RightMenu: React.FC<RightMenuProps> = (props: RightMenuProps) => {
   const { items, width, selectedItemProp: selectedItem = 0 } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
 
   const handleClickAnchor = (
diff --git a/src/components/codeHighlight/CodeHighlight.tsx b/src/components/codeHighlight/CodeHighlight.tsx
index 57c65895ddf05ed2c3138929506e79c9f1e04c7a..0241c3aa7bc8a82ba2ddcd911e1ec2e165b1455a 100644
--- a/src/components/codeHighlight/CodeHighlight.tsx
+++ b/src/components/codeHighlight/CodeHighlight.tsx
@@ -10,7 +10,7 @@ const CodeHighlight: React.FC<CodeHighlightProps> = (
   props: CodeHighlightProps
 ) => {
   const { children } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
   const finaldarkmodeclassName = !darkMode
     ? "code-highlight"
diff --git a/src/components/demo-components/sub-title/SubTitle.scss b/src/components/demo-components/sub-title/SubTitle.scss
index 7c0ffd8e1a3959bcd4a64f68d5c30163dd1ba4ef..386c0467b957dc1480265bfaeb704ae0366bdfba 100644
--- a/src/components/demo-components/sub-title/SubTitle.scss
+++ b/src/components/demo-components/sub-title/SubTitle.scss
@@ -3,7 +3,7 @@
   line-height: 1.5;
   letter-spacing: 0.1px;
   //color: #1a2027;
-  &.dark-mode{
+ /*  &.dark-mode{
     //color:rgba(255, 255, 255, 0.7);
-  }
+  } */
 }
diff --git a/src/components/layout-pages/MainLayoutPage.jsx b/src/components/layout-pages/MainLayoutPage.jsx
index b675529241bf8ef3b236ef206724fd21c390855b..5848356e0b2f1b513575914e00ddb5e2240f81dc 100644
--- a/src/components/layout-pages/MainLayoutPage.jsx
+++ b/src/components/layout-pages/MainLayoutPage.jsx
@@ -5,7 +5,7 @@ import NavBarTemplate from "../../templates/NavBarTemplate";
 import "./LayoutPage.scss";
 
 const MainLayoutPage = ({ children, selectedIndex }) => {
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
 
   const finalClassName = darkMode
diff --git a/src/components/main-title/MainTitle.tsx b/src/components/main-title/MainTitle.tsx
index 6224733d5b70fb13db365e32096a3003bfbd921e..b201c3ef83baa35a50a9853ddaa9ea2f30a3116d 100644
--- a/src/components/main-title/MainTitle.tsx
+++ b/src/components/main-title/MainTitle.tsx
@@ -7,7 +7,7 @@ interface MainTitleProps {
 }
 const MainTitle: React.FC<MainTitleProps> = (props: MainTitleProps) => {
   const { children, className, style } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
 
   // const [darkModeOn, setDarkModeOn] = React.useState(false);
   const darkMode = usuario.darkMode;
diff --git a/src/components/paragraph-main/MainParagraph.tsx b/src/components/paragraph-main/MainParagraph.tsx
index 51291c55a2bd8f31ae0f0dbb89211261845a2598..b5727690f7c56796ebb8f0d7200712fdc503406c 100644
--- a/src/components/paragraph-main/MainParagraph.tsx
+++ b/src/components/paragraph-main/MainParagraph.tsx
@@ -6,7 +6,7 @@ const MainParagraph: React.FC<ParagraphMainProps> = (
   props: ParagraphMainProps
 ) => {
   const { content, children } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkModeOn = usuario.darkMode;
   const className = darkModeOn ? "paragraph-main darkmode" : "paragraph-main";
 
diff --git a/src/components/show-demo-code/ShowDemoCode.tsx b/src/components/show-demo-code/ShowDemoCode.tsx
index 36771202a70560907337211a7e8c61be3edac61f..9cd76ede050273bf83b2865b2d0c467b99065286 100644
--- a/src/components/show-demo-code/ShowDemoCode.tsx
+++ b/src/components/show-demo-code/ShowDemoCode.tsx
@@ -31,7 +31,7 @@ const ShowDemoCode: React.FC<ShowDemoCodeProps> = (
   const [showComplete, setShowComplete] = React.useState(false);
   const [showJS, setShowJS] = React.useState(true);
 
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
 
   const code: string = showComplete
diff --git a/src/components/typeHighlight/TypeHighlight.tsx b/src/components/typeHighlight/TypeHighlight.tsx
index 6db48043435e129a85b09138cf76c5430eb6b503..f52e725aee9c52959f5273b06663a9c1ae0f2446 100644
--- a/src/components/typeHighlight/TypeHighlight.tsx
+++ b/src/components/typeHighlight/TypeHighlight.tsx
@@ -12,7 +12,7 @@ const TypeHighlight: React.FC<TypeHighlightProps> = (
   props: TypeHighlightProps
 ) => {
   const { children, np, size } = props;
-  const [usuario, dispatch] = React.useContext(UserContext);
+  const [usuario, ] = React.useContext(UserContext);
   const darkMode = usuario.darkMode;
   const finaldarkmodeclassName = !darkMode
     ? "type-highlight"