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

[@andreasgrafen]

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]

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]

you should consider removing your tongue from his ass. nothing personal, just sayin'.

[@harmanjeetsinghsahota8736]

I was looking about custom css for firefox the other day and you just uploaded a video for it 😎

[@EricMurphyxyz]

Perfect timing

[@setaindustries]

As a GNOME user having a theme that integrates with libadwaita better is a really nice feature, I love this system!

[@ericjohnson5990]

Thank you very much for this video! Keep up the hard work!

[@chrome_glass8278]

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?

[@rubysamurai306]

congrats on almost 50k!

[@ArthurKhazbs]

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.

[@doctorsocrates4413]

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]

firefox IS NOT the best performing browser, chrome outranks it, even edge. Edge been making a great comeback in terms of performance

[@doctorsocrates4413]

@@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]

​@@zayttovenit heavily depends on the hardware, even software like os

[@PanosPitsi]

@@doctorsocrates4413maybe the problem is you and you are generalizing your personal experience

[@Jonas-gm4my]

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.

[@godnyx117]

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!!

[@AltraHapi]

You have made me see the light and I will never turn back to any other browser.

[@maurolimaok]

Nice video. Thanks.

[@7William]

I'm so happy this works on all Firefox forks

[@bronmanexe]

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?

[@lovesick4]

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: kzbin.info/www/bejne/oGbVZ518ep2an8U 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 ^^

[@tanishqdaiya]

Perfect Timing.

[@ongakuyaro]

does adding one css to librewolf, breaks its privacy features_? or is it even possible to add it on librewolf ?

[@qlx-i]

i think there was a toggle for it somewhere, ether privacy settings or about:config

[@CommissionerLofi]

Very cool !

[@AdroSlice]

firefox-ui-fix is pretty good, it allows you to choose between a variation of current and older proton/lepton/photon designs

[@tucatheman]

What does Counter Strike Source have to do with Firefox?

[@KVG_]

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]

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,

[@zmeyka3310]

Im using hyprland and the close buttons annoy me a lot, is there a way to disable them like you have rn?

[@Dragonyy-sb51]

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]

probably not, though you probably would need to manually enable custom css support.

[@Dragonyy-sb51]

@@qlx-i hmm, well, i can still try lol. i forgot all about that but thanks, i can get to trying now.

[@qlx-i]

also why would a theme have a custom user.js?

[@Dragonyy-sb51]

IF it does, but idk lol ive seen one that I want that has a user.js on it :/

[@bryanperdomo1283]

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

[@test-rj2vl]

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.

[@Moochi4]

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]

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.

[@alpacamale2909]

1:23 I was actually using this layout in palemoon back in 2013

[@eduardorosa9071]

what linux distribution are you using?

[@qlx-i]

why would you need the distribution? The compositor is probably hyprland, judging by animations.

[@thestreamreader]

Wish it would let you have a title bar name per profile without an add-on that's years old.

[@kelet-std]

how do i customize steam?

[@tranquythuong]

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

[@Kentuckygoatman]

Can I do this on my phone too? (Android)

[@backlone]

Great video brother, how to get the reddit UI, you are using?

[@EricMurphyxyz]

Video on it coming tomorrow

[@Emre-is1ek]

Does it work for MacOS too?

[@envy71]

how do i do that on windows 10?

[@hammondOT]

I wish Brave could look a little more compact in that top area.

[@AndyTurcu]

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.

[@Sqwert-g6h]

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.

[@hyperox7601]

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]

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]

@@EricMurphyxyz ah, thanks for the help

[@hitorswim5639]

Ok this is epic

[@pikachuska]

what is OC?

[@aneeshk3374]

thanks

[@serhii2520]

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

[@soulerscythe]

As a person who is unable to understand well, uh ;-;. What is the raw text document?

[@soulerscythe]

and where do you get it

[@amitabhkumar7671]

Which OS system you use it looks cool Please Reply

[@pedka]

linux

[@moover123]

I remember when theming was introduced

[@user-yb9mp4jd3j]

My only complain is that some updates ruin my custom .css 😅

[@rsk47reviews59]

does all of this work on windows?

[@EricMurphyxyz]

Yep, only difference should be the location of the Firefox profile folder

[@BloopSuperJuice]

cant install firefox gx

[@thisathema]

I thought that this tutorial would solve my issue, but nope. You cannot change the tabs no mater what.

[@fullmetal8741]

FireFox harden or LibreWolf?

[@EricMurphyxyz]

I prefer hardened Firefox, but it requires a little more work to set up

[@DialectMaterial]

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!

[@Abhinav-Bhat]

I'm on Arch on Hyprland I installed Librewolf but I'm not able to make it default browser Can anyone help

[@somerandomdude-hoyeaaaaa]

Bruh 💀 Guess you got arch just to say that ur a gay arch user 😅

[@payusavisit3482]

this is for professional users even after watching till the end i still couldn't follow up.

[@HikaruAkitsuki]

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.

[@rpishyao629]

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.

[@Barncore]

Can this be done with Librewolf too? Or just Firefox?

[@4crafters597]

Probably yes but would probably interfere with the Librewolf motto

[@arekisan5239]

Ah man... the newest update broke your theme. Could you fix please. I very much like it.

[@NeptuneSega]

The thing is we have to rely on the maintainers so this is a bad idea as one day it could get abandoned.

[@EricMurphyxyz]

Right, you need to choose a popular project that sees a lot of commits otherwise it will usually end up abandoned

[@michaelol]

I made my firefox look almost exactly like Vivaldi since I like that style

[@kjala_nix]

HEYYY HOWWW DIIDDD YOUUU DOOOO THAAAAAAAAAAATTTTTT? PLZZZZZZ TELLL MMMEEEEE!

[@pousthemoco]

sooo wheres the x

[@sjar03]

You just make Firefox into a kind of Opera GX version

[@SkysimAir]

Interesting. Although I don't understand why you went from one boring simplistic layout to another.

[@EricMurphyxyz]

Probably because I'm boring and simplistic

[@quintit]

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

[@jjonojj]

os?

[@rodricbr]

arch gnu linux with i3 desktop environment

[@mangu4558]

Does this work on Windows 10?

[@notkezo]

Yes

[@mangu4558]

It doesn't work for me though 😔@@notkezo

[@notkezo]

@@mangu4558 That's weird. I just changed my theme an hour ago. Are you sure you followed all the steps in the tutorial?

[@SysDataSoftOffical]

you turned firefox into damn opera gx

[@vk8a8]

How did y😊

[@FeetTube]

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

[@DarrylHebbes]

If you paint a hammer pink it’s still a hammer, it’s coolness is irrelevant. I feel the same about theming

[@matispokoYT]

introdoucing FireFox GX

[@pantarei.]

I just want Firefox with Chrome UI 😞

[@ELEC7RO]

Firefox GX on top frr

[@kjala_nix]

Bro with gx mods I just tried out falling metal pipe and only disssapointment is that firefox doesn't have homepage wallpapers enable by default but you get the sound effects. So basically OGX + privacy.

[@ELEC7RO]

@@kjala_nix The sidebar in opera is top tier the closest I got to that in Firefox was putting my bookmarks on the side but other than that it's pretty cool

[@Nyamistaya]

Nah, firefox is just fine, I like it

[@ANDROTOP]

nice thumbnail

[@EricMurphyxyz]

Thanks!

[@OCEAN-fc9wl]

🤓☝️

[@NazariySikora]

Firefox GX

[@unexpectedmemes372]

typical linux user

[@Totallynotmwa]

I made firefox look like opera gx

[@gdplayer1035]

firefox gx

[@alexstone691]

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

[@pavelyankouski4913]

Yeah Google Chrome made by a kids ^^ , but I still using it on my reference PC

[@garyradtke3252]

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]

Most programmers barely even have lives, that's why it seems they are in a state of depression.

[@catoflado4977]

Dude even did an ugly opera GX like hahahahahahahah. No way

[@c3cxla]

does this mess with the fingerprint?

[@EricMurphyxyz]

No, none of this should be exposed to browser apis

[@putinstea]

Jesus, get to the point already 😴

[@Irongrip62]

Here's a great way to make Firefox's UI better: Don't use firefox at all.

[@gustavojoaquin_arch]

Floorp ia better, Firefox is bloated

[@vinayakdevc6]

"good luck doing this on chrome."

[@kenangurabija]

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