Userscripts / Customization

Ecstatis

@Ecstatis
For ViolentMonkey you have to use:

// @inject-into content

// @grant none

And create your stylesheet like this:

const element = document.createElement(‘STYLE’);

element.setAttribute(‘type’, ‘text/css’);
element.innerHTML = `
.comment_box_flex {
display: flex;
}`;
document.body.insertAdjacentElement(‘afterend’, element);

Yeah I’ve seen that in your post above already, my only gripe with that though is that it would make dynamically adding and removing rules (as I already mentioned that I need) quite cumbersome. Well I guess I could just store the rules and update the style HTML on every change instead, although I’m not quite confident that this will work properly.

EDIT: Oh well nevermind, it works just fine now. Thank you :)

Posted 3 years ago Report
Edited 3 years ago

Link Quote Reply

Sollace

Really likes Pear Butter

@Ecstatis
I thought of that as well.

Simple solution is to put the css you want to change into a separate style element and give it an id. Then either replace the contents (I’m not sure if that will cause problems with CSP) or remove and re-add the element.

Strangely, I think the inline styling my script applies directly to elements is also excempt from CSP controls. Either that or it’s just not required. full