Fix custom text

HauseMasterZ · Dec 17, 2023 · 31d1e53 · 31d1e53
1 parent 7b2cf21
commit 31d1e53
Show file tree

Hide file tree

Showing 3 changed files with 107 additions and 102 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Header.js b/src/components/Header.js
@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { Link } from 'react-router-dom';
 import '../static/styles/styles.scss';
 
-const Header = ({ toBeFocusedRef }) => {
+const Header = ({ toBeFocusedRef, smoothCursorBlockRef }) => {
     const [isDarkMode, setIsDarkMode] = useState(false);
     const darkLightToggleElementRef = React.useRef(null);
 
@@ -11,9 +11,11 @@ const Header = ({ toBeFocusedRef }) => {
         document.body.classList.toggle('dark');
         if (!isDarkMode) {
             document.body.style.backgroundColor = '#18191A';
+            smoothCursorBlockRef.current.style.backgroundColor = '#18191A';
             localStorage.setItem('theme', 'dark');
         } else {
             document.body.style.backgroundColor = '#E4E9F7';
+            smoothCursorBlockRef.current.style.backgroundColor = '#E4E9F7';
             localStorage.setItem('theme', 'light');
         }
         setIsDarkMode(!isDarkMode);