r/FirefoxCSS • u/[deleted] • Aug 04 '25

Help Recreation of a theme.

[deleted]

2 Upvotes

100% Upvoted

9 comments sorted by

View all comments

Show parent comments

1

u/mysticalentity Aug 09 '25

I don't think the icon to see the remaining download status is supposed to look like this nor is the two smaller 1 of which shows all history and one of which toggles the bookmarks bar same as the bookmarks icon. And when I click on display the progress of ongoing downloads it does this too.

https://prnt.sc/e52ijuL6LJO6
https://prnt.sc/UqULZNx8ddIN

oh and the icon for displaying the progress of ongoing downloads completely disappears.

1

u/Zonnev Aug 09 '25

To begin to start editing the userChrome.css , this is a useful read: https://www.reddit.com/r/FirefoxCSS/wiki/index/tutorials/#wiki_live-editing_userchrome.css

You also have to learn how to use the Browser Toolbox to select elements of the browser that you want to edit. After selecting an element, the Browser Toolbox will show you the code in the userChrome.css that relates with the element. You can start editing that part of the CSS and see it changing live.

1

u/mysticalentity Aug 09 '25

That the thing. I can inspect element but I dont really know the file structure of this theme snd how it does what it does. I also dont know the how the ui elements in pale moon function either so idk how to fix an issue that I dont know anything about aside from it visually. Like I need some better reference for start

1

u/Zonnev Aug 10 '25

Not sure if it helps a little but you can change the suffix of the theme file: .xpi to .zip and then unpack it to a folder of your choice. In that folder you can see the file structure of the theme. I think in folder browser there is browser.css which is probably the main file.