fix news page

src/interface/components/Slider.tsx

@@ -1,5 +1,4 @@
 import { memo } from "react";
-import { useSettingsContext } from "../SettingsContext";
 import "./Slider.css";
 
 interface SliderProps {
@@ -8,7 +7,6 @@ interface SliderProps {
 }
 
 const Slider: React.FC<SliderProps> = ({ state, onChange }) => {
-  const { settingsState } = useSettingsContext();
 
   return (
     <div className="relative w-full max-w-lg py-8 mx-auto">
@@ -18,8 +16,7 @@ const Slider: React.FC<SliderProps> = ({ state, onChange }) => {
         max="100"
         value={state}
         onChange={(e) => onChange(Number(e.target.value))}
-        className="w-full h-1 rounded-full appearance-none cursor-pointer slider"
-        style={{ background: `${settingsState.customThemeColor}` }}
+        className="w-full h-1 rounded-full appearance-none cursor-pointer slider dark:bg-[#38373D] bg-[#DDDDDD]"
       />
     </div>
   );