Don't like Firefox's UI? Here's how to make it better. (Firefox CSS)
Ғылым және технология
Have you ever used Firefox, only to wish that their UI was...better? In this video, I'll show you how you can install custom userChrome.css themes to completely reimagine how your browser looks.
Firefox CSS subreddit: / firefoxcss
Firefox CSS Store: firefoxcss-store.github.io/
Themes I like:
Cascade: github.com/andreasgrafen/cascade
Firefox-GX: github.com/Godiesc/firefox-gx
Edge-Frfox: github.com/bmFtZQ/Edge-FrFox
My theme: github.com/ericmurphyxyz/user...
🌐 My website: ericmurphy.xyz
💸 Support the Channel: ericmurphy.xyz/donate
🎥 Watch my videos on Odysee: odysee.com/@ericnmurphy
💻 My GitHub: github.com/ericmurphyxyz
0:00 Intro
1:49 How to find a theme
4:10 How to install a theme
6:21 Customizing the colors
6:57 Installing more complex themes
8:20 Basic customizations
10:01 Enabling compact density mode
10:55 Conclusion
Пікірлер: 152
BRUH.. how have i not come across this video or your channel before. as someone who has worked on the firefox css store, and is the creator of cascade, i just literally got the chills seeing your video. i still can’t believe that both these projects found so much success within the community … youtube suggested your search engine tierlist to me just now, and i just though: damn, that firefox looks kinda familiar. funny how the world works sometimes. xd imma get busy binge watching your content now. ❤
@EricMurphyxyz
9 ай бұрын
Hey, glad you enjoy the videos! And thanks for your work with Firefox CSS, it's helped me make my Firefox experience so much better.
@pierelenigus8598
4 ай бұрын
you should consider removing your tongue from his ass. nothing personal, just sayin'.
Hi Eric! I have one question. I have arkenfox on my Firefox, would using one of these custom CSS Themes affect the privacy.resistFingerprinting.letterboxing in the user.js coding?
As a GNOME user having a theme that integrates with libadwaita better is a really nice feature, I love this system!
I was looking about custom css for firefox the other day and you just uploaded a video for it 😎
@EricMurphyxyz
Жыл бұрын
Perfect timing
I use mx linux and firefox is still the best browser in terms of performance etc...i have dabbled with chromium,vivaldi etc but i found that chromium based browsers have terrible cpu usage in comparison to the fox...we need firefox otherwise it will be a chromium only internet...thanks for the video.
@zayttoven
11 ай бұрын
firefox IS NOT the best performing browser, chrome outranks it, even edge. Edge been making a great comeback in terms of performance
@doctorsocrates4413
11 ай бұрын
@@zayttoven On YOUR computer that might be the case...but on MINE firefox runs sweet...so neither your comment or mine is actual fact for the majority is it.?
@Frankium
10 ай бұрын
@@zayttovenit heavily depends on the hardware, even software like os
@user-fr2fm3ri3w
8 ай бұрын
@@doctorsocrates4413maybe the problem is you and you are generalizing your personal experience
@Jonas-gm4my
4 ай бұрын
I argue that that If were to take all computers in the world that are capable of running a browser and do a benchmark. Chrome would most definitely outperform Firefox because of its better compatibility with more websites due to its higher market share. That does not mean that the performance in Firefox is bad. Just that on average it's worse than Chrome. Using Firefox is primarily a security concern imo which is why I use it.
congrats on almost 50k!
Thank you very much for this video! Keep up the hard work!
You have made me see the light and I will never turn back to any other browser.
silly question, if I already have a CSS file with a custom new tab background, do I create a new CSS file with the same name to put the theme code in it?
I have a MacBook at work, so I have to use Safari because other browsers overheat the laptop. I got to really LOVE Safari's single bar layout, where the address bar is merged into the currently selected tab. I mean, I already have to deal with the system menu and website bars, there is just no more vertical space to waste. I didn't realize it was possible to have a single bar layout in Firefox too! I should definitely check it out.
I got insparation from a Reddit post and I will try to customize it back to the Firefox 4 version that was released in 2012!!
Nice video. Thanks.
Hey, I was looking for some good Browsers and I found your channel and I like it Keep Going! ^^ I personally use Librewolf and Brave but should I switch? Which is your best/fav browser? Which browser has the best privacy/ Security and features? Is it brave or rather Librewolf or a hardened Firefox? Best luck Adrian
@EricMurphyxyz
Жыл бұрын
Thanks for the kind words! I have a video ranking my favorite web browsers here: kzread.info/dash/bejne/nGmmmMx_dZvNmcY.html But I think hardened Firefox, Librewolf, and Brave are all great options. I don't think there's any "best" web browser. All of those web browsers are good on the privacy, security, and features, it's just about which one you prefer more. Personally, I currently use hardened Firefox as it's my favorite, but it's up to you.
@lovesick4
Жыл бұрын
@@EricMurphyxyz Ok, i already watched this video from u😅 But thank you for your response ^^
Would a css theme like this (if it has a user.js) conflict something like Betterfox or Arkenfox?(I have both, seperate profiles though)
@qlx-i
3 ай бұрын
probably not, though you probably would need to manually enable custom css support.
@Dragonyy-sb51
3 ай бұрын
@@qlx-i hmm, well, i can still try lol. i forgot all about that but thanks, i can get to trying now.
@qlx-i
3 ай бұрын
also why would a theme have a custom user.js?
@Dragonyy-sb51
3 ай бұрын
IF it does, but idk lol ive seen one that I want that has a user.js on it :/
firefox-ui-fix is pretty good, it allows you to choose between a variation of current and older proton/lepton/photon designs
does adding one css to librewolf, breaks its privacy features_? or is it even possible to add it on librewolf ?
@qlx-i
3 ай бұрын
i think there was a toggle for it somewhere, ether privacy settings or about:config
Im using hyprland and the close buttons annoy me a lot, is there a way to disable them like you have rn?
Perfect Timing.
I got a question i use brave as a daily should i switch back to firefox or should i try librewolf if its better
@AceroCarbono
11 ай бұрын
Brave is actually great and user friendly. I use Librewolf, but it deletes almost everything when you close it; I actually see this as an advantage, since I was tired of Chrome being full of trash from years ago.
Very cool !
Is there a css to make Firefox look with the old UI? I loved old UI but now this newer one looks ugly and too simple. I also prefer the old download button which used to be in the tools bar
@EricMurphyxyz
Жыл бұрын
Depends on how old you want to go. I know there's this CSS that brings back the UI from a while ago, but not sure if this is what you're looking for: github.com/black7375/Firefox-UI-Fix
Hey! I am using BetterFox and my theme comes with a custom user.js file so how will this affect my config if I replace it with this?
@EricMurphyxyz
10 ай бұрын
You can add your theme's user.js to the bottom of Betterfox's (they'll have a section for overrides you can put it in).
@hyperox7601
10 ай бұрын
@@EricMurphyxyz ah, thanks for the help
Hi! Can the three "buttons" Minimize, Restore Down and Close be displayed in Firefox?
@EricMurphyxyz
Жыл бұрын
That should be the responsibility of your window manager, not Firefox. Are you not seeing them in Firefox?
@AndyTurcu
Жыл бұрын
No, but I found the solution in the _.css_ file. In addition to the three barrels that I use, I would also need the hamburger menu, which I cannot activate.
It could be a big advantage among browsers if Firefox could change the UI directly from the settings, how can you change the themes currently. Why won't Mozzilla do it? It's not that hard. Just clone the functionality of already existing themes and create a server to host all these designs.
@quintit
4 ай бұрын
I'm surprised they don't do this. There are basically no options to change away from the default style, other than a pretty tame compact option. I know in some games they'll even coroborate with the super popular mod developers and incorporate them into the base game. Things like popular maps in CS or addons in wow,
1:23 I was actually using this layout in palemoon back in 2013
What does Counter Strike Source have to do with Firefox?
How to make it so hat active window would be blue and inactive would be gray? The fact that I cant visually tell active from inactive is most annoying for me.
Hey man! how to set up opening a dir in firefox and it open a lf window like this 5:28?
@EricMurphyxyz
Жыл бұрын
It didn't open from Firefox, I just manually went there in lf and cut the video lol. I don't know if it's possible to do something like that
Great video brother, how to get the reddit UI, you are using?
@EricMurphyxyz
Жыл бұрын
Video on it coming tomorrow
I wish Brave could look a little more compact in that top area.
Wish it would let you have a title bar name per profile without an add-on that's years old.
Would this also work with the Firefox flatpak?
@EricMurphyxyz
Жыл бұрын
I would assume so. The only thing that might be different is the location of the profile folder, but you can see for yourself in about:profiles.
what linux distribution are you using?
@qlx-i
3 ай бұрын
why would you need the distribution? The compositor is probably hyprland, judging by animations.
As a person who is unable to understand well, uh ;-;. What is the raw text document?
@soulerscythe
3 ай бұрын
and where do you get it
I made my firefox look almost exactly like Vivaldi since I like that style
Speaking of… Mozilla are the current maintainer of CSS. It's logical if they are the one who first implement it more than any other platform and should be first than electron. I gonna start use Firefox on my KDE.
I remember when theming was introduced
Which OS system you use it looks cool Please Reply
@pedka
Ай бұрын
linux
I'm on Arch on Hyprland I installed Librewolf but I'm not able to make it default browser Can anyone help
Ok this is epic
Can you make a review on arc browser?
@EricMurphyxyz
Жыл бұрын
It's still only available on MacOS, right? I keep getting requests for this but I can't review it unless they make it cross-platform
Does it work for MacOS too?
how do i customize steam?
Can I do this on my phone too? (Android)
what is OC?
thanks
how do i do that on windows 10?
My only complain is that some updates ruin my custom .css 😅
Can this be done with Librewolf too? Or just Firefox?
@4crafters597
4 ай бұрын
Probably yes but would probably interfere with the Librewolf motto
rounded edges 🤢seriously, couldnt live without css modifications to remove the bubbly look. Also a must have is the floating search box so it doesnt jolt your viewport around whenever you ctrl+f
Can I customize Edge browser like Firefox?
@EricMurphyxyz
Жыл бұрын
Nope, that's one of the perks of using firefox
@tanishqdaiya
Жыл бұрын
Edge is already pretty good-looking.
@tanishqdaiya
Жыл бұрын
If you do want to customize, you can make your own version based on chromium.
@rpishyao629
Жыл бұрын
Thank you for answering guys.
Hi, your amazing minimalist theme unfortunately just broke on the newest Firefox update.
@EricMurphyxyz
Жыл бұрын
Should be fixed now. Thanks for letting me know!
@DialectMaterial
Жыл бұрын
@@EricMurphyxyz Thanks! Have been using it ever since you uploaded this. Will update my chrome file. Besides, you got some of the greatest Linux content around, very sober, functional and straight-forward. Keep up the good work!
@EricMurphyxyz
Жыл бұрын
@@DialectMaterial Thanks, I really appreciate it!
does all of this work on windows?
@EricMurphyxyz
Жыл бұрын
Yep, only difference should be the location of the Firefox profile folder
The thing is we have to rely on the maintainers so this is a bad idea as one day it could get abandoned.
@EricMurphyxyz
11 ай бұрын
Right, you need to choose a popular project that sees a lot of commits otherwise it will usually end up abandoned
FireFox harden or LibreWolf?
@EricMurphyxyz
Жыл бұрын
I prefer hardened Firefox, but it requires a little more work to set up
If you paint a hammer pink it’s still a hammer, it’s coolness is irrelevant. I feel the same about theming
I thought that this tutorial would solve my issue, but nope. You cannot change the tabs no mater what.
Ah man... the newest update broke your theme. Could you fix please. I very much like it.
You just make Firefox into a kind of Opera GX version
Interesting. Although I don't understand why you went from one boring simplistic layout to another.
@EricMurphyxyz
11 ай бұрын
Probably because I'm boring and simplistic
Does this work on Windows 10?
@notkezo
4 ай бұрын
Yes
@mangu4558
4 ай бұрын
It doesn't work for me though 😔@@notkezo
@notkezo
4 ай бұрын
@@mangu4558 That's weird. I just changed my theme an hour ago. Are you sure you followed all the steps in the tutorial?
os?
@rodricbr
4 ай бұрын
arch gnu linux with i3 desktop environment
introdoucing FireFox GX
you turned firefox into damn opera gx
cant install firefox gx
Nah, firefox is just fine, I like it
I just want Firefox with Chrome UI 😞
sooo wheres the x
How did y😊
How to do on mac?
@EricMurphyxyz
Жыл бұрын
The exact same way? Only difference is the location of the profile folder, which you can find in about:profiles
@FeetTube
Жыл бұрын
@@EricMurphyxyzno I tried it it doesn’t work for me :(((
@EricMurphyxyz
Жыл бұрын
@@FeetTube What exactly isn't working?
@FeetTube
Жыл бұрын
@@EricMurphyxyzI cannot paste the code I copied into the file
@FeetTube
Жыл бұрын
@@EricMurphyxyzalso I’m doing it for librewolf
Firefox GX
nice thumbnail
@EricMurphyxyz
Жыл бұрын
Thanks!
Flatpak firefox works better for some reason
@EricMurphyxyz
Жыл бұрын
With regards to what?
@alexstone691
Жыл бұрын
@@EricMurphyxyz the native package, kinda weird I think i the original comment was meant for another video lol
🤓☝️
firefox gx
The only thing I want to do is get rid of the stupid drab folders like in the bookmark side bar and maybe put some color in the scroll bars to make them easier to see. This isn't just Firefox but it's like the entire computer industry no longer has any color. When TV's, movies and photos where first developed they scrambled to invent color versions because people and the world see color as a way to distinguish between and we use it to help reduce depression. It seems like all of the programmers and developers must be in a state of depression all of the time. Winter time north of the Mason Dixon line is cold, grey and drab like computer programs these days but when spring comes and colors return life is much less depressing. If what I just wrote isn't factual and people really don't care about color then why have scientists been developing glasses to bring color sight to color blind people? Why do we people spend all kinds of money developing color paints and painting cars, boats and other things with colors? Why not just make all of the videos on You Tube black and white? Computer programs are becoming like the proverbial picture of a polar bear in a snow storm on white paper with the white and light grey.
@CoasterMan13Official
11 ай бұрын
Most programmers barely even have lives, that's why it seems they are in a state of depression.
Yeah Google Chrome made by a kids ^^ , but I still using it on my reference PC
Dude even did an ugly opera GX like hahahahahahahah. No way
typical linux user
Jesus, get to the point already 😴
Here's a great way to make Firefox's UI better: Don't use firefox at all.
does this mess with the fingerprint?
@EricMurphyxyz
Жыл бұрын
No, none of this should be exposed to browser apis
Floorp ia better, Firefox is bloated
"good luck doing this on chrome."
Delete useless,crashing,tabs and bookmarks forgetting Firefox shit. We're Sorry Firefox had a problem and crashed. We’ll try to restore your tabs and windows when it restarts