this post was submitted on 14 Jul 2023
2 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!

What is userChrome.css?

Rules (enforced)

  1. Posts must have flair!

  2. Follow Lemmy.World rules

  3. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.

  4. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.

  5. 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.

  6. 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:

  1. Screenshots should have code in comments.

  2. Include Firefox version

  3. 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.

  4. List any other addons that may be changing the UI

  5. If a custom wallpaper is used, include a link to the original.

  6. 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
 

Greetings. Today I discovered the world of theming Firefox through something called CSS. I went to the store page, and I wanted to add the Opera GX theme. Therefore, I first enabled the legacy toolkit config in the about:config page. Then, I went to the UserChrome.css file found on github for that theme and copied the raw data. Here is where things get interesting. I went to the about:profiles page and tried to open the root directory of the default profile, and it failed to open. I then tried searching for the directory in the file manager, it does not exist. No, it's not hidden, it does not exist! The local directory, however, does exist, so I opened it and made the chrome folder and subsequently the userChrome.css file by using the text editor. I then restarted firefox, and...nothing happened. I cleared my browsing data and disabled all my of extensions, still nothing. I then had the idea of creating the root directory myself, so I created the necessary folders in the correct locations according to the about: profiles page, and then I moved the contents of the local directory to the root directory, and then restarted firefox. And...nothing happened. I was scratching my head at the point, so I tried searching the web to see if anyone else had a similar problem to mine, but I didn't find anything relevant to my problem. Luckily, I found this lemmy community, this is great because I recently deleted my reddit account and didn't want to create a new one just to post my problem there. Has anyone encountered a similar problem to mine? Is there anything that I'm missing? My OS is Ubuntu 23.04 and I'm using Firefox 115.0.2 (flatpak). Any help would be appreciated.

top 2 comments
sorted by: hot top controversial new old
[โ€“] [email protected] 2 points 1 year ago

The profile in about:profiles is just the default profile and not necessarily the one that instance of Firefox is currently using. For example you can launch a new firefox instance with something like mkdir /tmp/foo && firefox --profile /tmp/foo, but it will still show the firefox default profile in about:profiles for some reason. I believe the current active profile directory can be found under about:support under Profile Directory.

[โ€“] [email protected] 1 points 1 year ago

Thank you guys. Other than giving Firefox permission to access the root folder, it turns out there was more to do in order to get OperaGX theme to work, like enabling a few more config settings, and copying the entire chrome folder and user.js file from the source.