Make dark mode possible

[jesus2099]

I should use classes for TAG_LINKS instead of inline styles, everywhere.

Aszazin:

Is it possible to add a class to the div element for the tags in the sidebar that says “:arrow_lower_left:mine and others’” ?

Reason is I am not able to adjust that part to my dark mode without risking unexpected side effects.
(It’s on line 1280 of your code)

konami-command/mb_SUPER-MIND-CONTROL-II-X-TURBO.user.js

Line 1280 in 051a5e5

tagZone.parentNode.insertBefore(createTag("div", {s: {position: "relative", bottom: "-1rem", color: "black", fontWeight: "normal", "float": "right"}}, ["↙", createTag("span", {s: {backgroundColor: "#B1EBB0"}}, "mine"), " and others’"]), tagZone.previousSibling);

kellnerd:

Yeah, that would be nice. Even better would be to avoid inline styles in HTML altogether.

Currently I have to resort to a very ugly hack to work around that

I will probably limit this ticket to TAG_LINKS, otherwise I will never have time to fix it globally, without other reports.

[jesus2099]

Tests with Dark Reader extension for Firefox for Android:

Problem (not big, IMO) with TAG_TOOLS and ALL-LINKS

(Big) Problem with LAST_SEEN_EDITS

[jesus2099]

About SUPER TURBO :

@kellnerd’s post

It would be great if you wouldn’t force color: black for the outer div, just let it use the inherited text color (which would be black in light/normal mode and a light color in any dark mode). Less style rules is more :grinning_face:

For the highlighting of the word “mine” you could use an existing MBS class:

.rel-add {
	background: #b1ebb0;
}

(This second change isn’t as critical as the first one, my dark userstyle can handle it.)

@Aszazin:

A new class name would be my preference.