Can I use CustomCSSforFx, Menu Icon Plus CSS or other GUI modifying CSS through StyloaiX? How?

[mzso]

Hi!

Since modifying stuff through userchrome/usercontent is very cumbersome and annoying I was wondering if I can use these CSS packages through StyloaiX, and particularly view their changes in a running instance without having to restart the browser every time I change something?

If it even works, can I do more than import the packages' "userchrome.css" file in a StyloaiX style? Which wouldn't allow me to edit the styles within the browser? (As far as I understand)

[mzso]

Well, I tried it. The import paths suck though. I had to use ../CustomCSSforFx/
But this is pretty vulnerable. If the location of StyloaiX css changes everything would break. How do I access the chrome folder or the profile folder directly?

[117649]

I've done something similar recently.

I use this:

/** Import Lepton stylesheet (Chrome) *****************************************/
@import url("css/leptonChrome.css");
@import url("css/leptonContent.css");

/** Add your custom styles below **********************************************/

to load Lepton.

But I just tossed everything of it in to the \UserStyles folder of StyloaiX.

[117649]

resource://userchromejs/

[mzso]

Thanks. That points to <userprofile>/chrome?

[mzso]

resource://userchromejs/

I replaced all instances of "../" with it. Seems like it works fine, and exactly how I wanted it.

(BTW is this resource defined by Firefox itself or the userchrome js loader?)

[117649]

resource://userchromejs/

I replaced all instances of "../" with it. Seems like it works fine, and exactly how I wanted it.

(BTW is this resource defined by Firefox itself or the userchrome js loader?)

firefox-scripts/chrome/utils/chrome.manifest

Lines 1 to 2 in b013243

	content userchromejs ./
	resource userchromejs ../

[TFWol]

Good reference where the scheme is talked about by xiaoxiaoflood:
#189 (comment)

StyloaiX's styles path is like resource://userchromejs/UserStyles/autohide_sidebar.css. The root resource://userchromejs/ is the chrome folder from running profile.

If you need to import from outside this context, you must use full path like file:///home/user/.mozilla/firefox/aeskq86n.default-ahmed/chrome/firefox-csshacks/chrome/autohide_sidebar.css.

If unsure of full path, just drag the file from your file manager to Firefox and copy the value in addressbar.