css-root-modify v1.0.3

How to use cssRootModify in Next.js

STEP 1: Install Node Package,

npm i css-root-modify

STEP 2: How to Use App.js --

import { cssRootModify } from 'cssRootModify'

function App() {

    const [size, setSize] = useState('15px')
    const [color, setColor] = useState('#0e1736')

    useEffect( () => {
        cssRootModify({
            custom_color: color,
            custom_size: range
        })
    }, [color, size])

return (
    <button onClick={ changeMainColor } > Change </button>
  );
}

Example SCSS or CSS Files

:root {
    --custom_color: blue;
    --custom_size: black;
}

$custom_color: var(--custom_color);
$custom_size: var(--custom_size);

.class {
    color: $custom_color;
    font-size: $custom_size;
}