BOOKMARK project Using HTML/SCSS and a pinch of JavaScript

The first time I visited frontendmentor.io a month ago, at one glance, I knew this was the project I really wanted to build, but seeing some interactivity and the JS tag on its title, thought I wasn't ready since I was new to JavaScript at the time. So after doing Base Apparel and Fylo Landing page, I knew it was time for Bookmark and I knew this was a different animal than the other two. Working on it I learnt a ton of things, just getting stuck and then unstuck, and also the JS part wasnt that hard after all. Thanks, Mr Matt for creating this incredible resource for aspiring developers like me who want to test their skills and get out of the tutorial rut. Thanks a lot. Keep adding more projects [and more difficult ones]. Finally I would like to thank the academy. :D sorry for making this long

One issue I faced is that the SVGs for arrows in FAQs section wouldn't comply to fill property, I have used the SVGs as externally linked, maybe this has got something to do with it.

To achieve the active state then, I had to resort to using filter property on the SVG to form the secondary color. But I still wonder why the SVG behaved like that.