toggle chrome extension on/off

Question

I have an Extension that injects css to some websites I need to have an popup where I can toggle if the extention injects the css or not. So if it's toggled on my stylesheet should be injected and if toggled off It needs to stop injecting css so page looks like normal again.

This is the css that needs to be aplied

div.answerrow {
position: static !important;
clip: auto !important;

}

.solution-layer {
display: block !important;
clip: auto !important;

}

Answer 1

You can use Chrome.Storage api to save the state of the toggle. Then in your content script, have javascript load the status of the toggle by what is stored in local storage. If you toggle to a different state, just save the state again with the chrome api.