Can you share the css?
this post was submitted on 20 Jun 2023
1 points (100.0% liked)
Firefox CSS
446 readers
1 users here now
Pushing the limits of the Firefox Browser through the use of CSS.
#join #firefoxcss:mozilla.org
Post your Firefox UI customizations here!
Rules (enforced)
-
Posts must have flair!
-
Follow Lemmy.World rules
-
Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
-
Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
-
When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
-
Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.
Guidelines (not enforced)
Consider adding the following info to help people try your tweaks:
-
Screenshots should have code in comments.
-
Include Firefox version
-
When asking for help you should share your custom style to help others understand what you are doing. This is increasingly important the more custom rules you have.
-
List any other addons that may be changing the UI
-
If a custom wallpaper is used, include a link to the original.
-
If someone's comment solves you problem, reply to the comment to let them know, and change your post flair to solved.
Wiki
Find Helpful Knowledge and answers to common issues in /c/FirefoxCSS wiki.
Links
Lemmy Communities
Websites
founded 1 year ago
MODERATORS
my userContent.css file is a bunch of
@-moz-document domain("example.com"){
body {
color: red !important;
}
}
for each website I customized. however, this applies both to normal and private browsing, and I'd like it to apply only to normal browsing
I don't think it's possible. It would require some privileged @media query or something similar. Or, potentially using media query to match a feature that isn't available on private-browsing mode. There could be something like that, but I don't know one.
thanks for the answer! I'd like to disable it because if sometimes some website interface fucks things up, I can check if it's my fault or not, so visiting the site in private mode without my css would quickly show me who's fault
Hmm. I don't have a good solution for that. It would be trivial using an extension like Stylus though, just don't allow it to run in PB mode.
I suppose you could do all your @-moz-document matching with regexp and then using a bookmarklet to add some "mark" to the document url. Then you wouldn't need to use PB-mode at all.
So, a bookmarklet like this, when clicked, adds/removes a#pbm suffix to the current tab and loads that address to a new tab:
javascript:((loc)=>window.open(loc.endsWith("#pbm")?loc.slice(0,-4):loc+"#pbm"))(document.location.href)
Then in you userContent.css you would write your document matching like this (example is for en.wikipedia.org):
@-moz-document regexp(".*en\.wikipedia\.org.*(?<!#pbm)$"){
body{ color: red !important; }
}
That should work but honestly if you need this then I would rather just use extension like Stylus or open those links in separate profiles even.
body{ color: red !important; } }```
this is really cool! I wouldn't even need a bookmarklet, I can just manually add it whenever I wish to remove the css
it's not what I was looking for, but it's a great compromise. Thank you very much!