problems keep popping out

1. i used to be using a

<a href="
                javascript:(function()
                {
                    const s=document.createElement('script');
                    s.src='http://127.0.0.1:5500/script/notepad.js';
                    document.body.appendChild(s);
                })();
            ">here</a>

i need to change this, because i am going to develope this website into a github page

1. the CSS i add by using appendChild(“”) is ruining the original webpage
   im gonna solve this by using shadow DOM

2. bad bg and font color under darkmode

done [2]

roadmap [1], [3]

11 days left