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

  • @andreasgrafen
    @andreasgrafen9 ай бұрын

    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

    @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

    @pierelenigus8598

    4 ай бұрын

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

  • @chrome_glass8278
    @chrome_glass827811 ай бұрын

    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?

  • @setaindustries
    @setaindustries5 ай бұрын

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

  • @harmanjeetsinghsahota8736
    @harmanjeetsinghsahota8736 Жыл бұрын

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

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    Perfect timing

  • @doctorsocrates4413
    @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

    @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

    @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

    @Frankium

    10 ай бұрын

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

  • @user-fr2fm3ri3w

    @user-fr2fm3ri3w

    8 ай бұрын

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

  • @Jonas-gm4my

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

  • @rubysamurai306
    @rubysamurai3063 ай бұрын

    congrats on almost 50k!

  • @ericjohnson5990
    @ericjohnson5990 Жыл бұрын

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

  • @AltraHapi
    @AltraHapi10 ай бұрын

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

  • @bronmanexe
    @bronmanexe8 ай бұрын

    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?

  • @ArthurKhazbs
    @ArthurKhazbs4 ай бұрын

    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.

  • @godnyx117
    @godnyx1176 ай бұрын

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

  • @maurolimaok
    @maurolimaok9 ай бұрын

    Nice video. Thanks.

  • @lovesick4
    @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

    @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

    @lovesick4

    Жыл бұрын

    @@EricMurphyxyz Ok, i already watched this video from u😅 But thank you for your response ^^

  • @Dragonyy-sb51
    @Dragonyy-sb516 ай бұрын

    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

    @qlx-i

    3 ай бұрын

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

  • @Dragonyy-sb51

    @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

    @qlx-i

    3 ай бұрын

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

  • @Dragonyy-sb51

    @Dragonyy-sb51

    3 ай бұрын

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

  • @AdroSlice
    @AdroSlice3 ай бұрын

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

  • @ongakuyaro
    @ongakuyaro Жыл бұрын

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

  • @qlx-i

    @qlx-i

    3 ай бұрын

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

  • @zmeyka3310
    @zmeyka33106 күн бұрын

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

  • @tanishqdaiya
    @tanishqdaiya Жыл бұрын

    Perfect Timing.

  • @Moochi4
    @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

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

  • @CommissionerLofi
    @CommissionerLofi11 ай бұрын

    Very cool !

  • @bryanperdomo1283
    @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

    @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

  • @hyperox7601
    @hyperox760110 ай бұрын

    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

    @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

    @hyperox7601

    10 ай бұрын

    @@EricMurphyxyz ah, thanks for the help

  • @AndyTurcu
    @AndyTurcu Жыл бұрын

    Hi! Can the three "buttons" Minimize, Restore Down and Close be displayed in Firefox?

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    That should be the responsibility of your window manager, not Firefox. Are you not seeing them in Firefox?

  • @AndyTurcu

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

  • @KVG_
    @KVG_4 ай бұрын

    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

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

  • @alpacamale2909
    @alpacamale29094 ай бұрын

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

  • @tucatheman
    @tucatheman10 ай бұрын

    What does Counter Strike Source have to do with Firefox?

  • @test-rj2vl
    @test-rj2vl4 ай бұрын

    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.

  • @tranquythuong
    @tranquythuong Жыл бұрын

    Hey man! how to set up opening a dir in firefox and it open a lf window like this 5:28?

  • @EricMurphyxyz

    @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

  • @backlone
    @backlone Жыл бұрын

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

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    Video on it coming tomorrow

  • @hammondOT
    @hammondOT4 ай бұрын

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

  • @thestreamreader
    @thestreamreader4 ай бұрын

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

  • @mahtja1559
    @mahtja1559 Жыл бұрын

    Would this also work with the Firefox flatpak?

  • @EricMurphyxyz

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

  • @eduardorosa9071
    @eduardorosa9071 Жыл бұрын

    what linux distribution are you using?

  • @qlx-i

    @qlx-i

    3 ай бұрын

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

  • @soulerscythe
    @soulerscythe3 ай бұрын

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

  • @soulerscythe

    @soulerscythe

    3 ай бұрын

    and where do you get it

  • @michaelol
    @michaelol4 ай бұрын

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

  • @HikaruAkitsuki
    @HikaruAkitsuki5 ай бұрын

    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.

  • @moover123
    @moover12322 күн бұрын

    I remember when theming was introduced

  • @amitabhkumar7671
    @amitabhkumar76714 ай бұрын

    Which OS system you use it looks cool Please Reply

  • @pedka

    @pedka

    Ай бұрын

    linux

  • @Abhinav-Bhat
    @Abhinav-Bhat Жыл бұрын

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

  • @hitorswim5639
    @hitorswim5639 Жыл бұрын

    Ok this is epic

  • @serhii2520
    @serhii2520 Жыл бұрын

    Can you make a review on arc browser?

  • @EricMurphyxyz

    @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

  • @Emre-is1ek
    @Emre-is1ek4 ай бұрын

    Does it work for MacOS too?

  • @kelet-std
    @kelet-std4 ай бұрын

    how do i customize steam?

  • @Kentuckygoatman
    @Kentuckygoatman3 ай бұрын

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

  • @pikachuska
    @pikachuska4 ай бұрын

    what is OC?

  • @aneeshk3374
    @aneeshk33746 ай бұрын

    thanks

  • @envy71
    @envy714 ай бұрын

    how do i do that on windows 10?

  • @user-yb9mp4jd3j
    @user-yb9mp4jd3j Жыл бұрын

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

  • @Barncore
    @Barncore4 ай бұрын

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

  • @4crafters597

    @4crafters597

    4 ай бұрын

    Probably yes but would probably interfere with the Librewolf motto

  • @quintit
    @quintit4 ай бұрын

    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

  • @rpishyao629
    @rpishyao629 Жыл бұрын

    Can I customize Edge browser like Firefox?

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    Nope, that's one of the perks of using firefox

  • @tanishqdaiya

    @tanishqdaiya

    Жыл бұрын

    Edge is already pretty good-looking.

  • @tanishqdaiya

    @tanishqdaiya

    Жыл бұрын

    If you do want to customize, you can make your own version based on chromium.

  • @rpishyao629

    @rpishyao629

    Жыл бұрын

    Thank you for answering guys.

  • @DialectMaterial
    @DialectMaterial Жыл бұрын

    Hi, your amazing minimalist theme unfortunately just broke on the newest Firefox update.

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    Should be fixed now. Thanks for letting me know!

  • @DialectMaterial

    @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

    @EricMurphyxyz

    Жыл бұрын

    @@DialectMaterial Thanks, I really appreciate it!

  • @rsk47reviews59
    @rsk47reviews59 Жыл бұрын

    does all of this work on windows?

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

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

  • @NeptuneSega
    @NeptuneSega11 ай бұрын

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

  • @EricMurphyxyz

    @EricMurphyxyz

    11 ай бұрын

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

  • @fullmetal8741
    @fullmetal8741 Жыл бұрын

    FireFox harden or LibreWolf?

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

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

  • @DarrylHebbes
    @DarrylHebbes4 ай бұрын

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

  • @thisathema
    @thisathema4 ай бұрын

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

  • @arekisan5239
    @arekisan52398 ай бұрын

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

  • @sjar03
    @sjar0310 ай бұрын

    You just make Firefox into a kind of Opera GX version

  • @SkysimAir
    @SkysimAir11 ай бұрын

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

  • @EricMurphyxyz

    @EricMurphyxyz

    11 ай бұрын

    Probably because I'm boring and simplistic

  • @mangu4558
    @mangu45584 ай бұрын

    Does this work on Windows 10?

  • @notkezo

    @notkezo

    4 ай бұрын

    Yes

  • @mangu4558

    @mangu4558

    4 ай бұрын

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

  • @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?

  • @jjonojj
    @jjonojj4 ай бұрын

    os?

  • @rodricbr

    @rodricbr

    4 ай бұрын

    arch gnu linux with i3 desktop environment

  • @matispokoYT
    @matispokoYT4 ай бұрын

    introdoucing FireFox GX

  • @SysDataSoftOffical
    @SysDataSoftOffical4 ай бұрын

    you turned firefox into damn opera gx

  • @BloopSuperJuice
    @BloopSuperJuice7 ай бұрын

    cant install firefox gx

  • @Nyamistaya
    @Nyamistaya4 ай бұрын

    Nah, firefox is just fine, I like it

  • @pantarei.
    @pantarei.4 ай бұрын

    I just want Firefox with Chrome UI 😞

  • @pousthemoco
    @pousthemoco4 ай бұрын

    sooo wheres the x

  • @vk8a8
    @vk8a84 ай бұрын

    How did y😊

  • @FeetTube
    @FeetTube Жыл бұрын

    How to do on mac?

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    The exact same way? Only difference is the location of the profile folder, which you can find in about:profiles

  • @FeetTube

    @FeetTube

    Жыл бұрын

    @@EricMurphyxyzno I tried it it doesn’t work for me :(((

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    @@FeetTube What exactly isn't working?

  • @FeetTube

    @FeetTube

    Жыл бұрын

    @@EricMurphyxyzI cannot paste the code I copied into the file

  • @FeetTube

    @FeetTube

    Жыл бұрын

    @@EricMurphyxyzalso I’m doing it for librewolf

  • @NazariySikora
    @NazariySikora4 ай бұрын

    Firefox GX

  • @ANDROTOP
    @ANDROTOP Жыл бұрын

    nice thumbnail

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    Thanks!

  • @alexstone691
    @alexstone691 Жыл бұрын

    Flatpak firefox works better for some reason

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    With regards to what?

  • @alexstone691

    @alexstone691

    Жыл бұрын

    @@EricMurphyxyz the native package, kinda weird I think i the original comment was meant for another video lol

  • @OCEAN-fc9wl
    @OCEAN-fc9wl3 ай бұрын

    🤓☝️

  • @gdplayer1035
    @gdplayer1035 Жыл бұрын

    firefox gx

  • @garyradtke3252
    @garyradtke325211 ай бұрын

    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

    @CoasterMan13Official

    11 ай бұрын

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

  • @pavelyankouski4913
    @pavelyankouski49133 ай бұрын

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

  • @catoflado4977
    @catoflado49775 ай бұрын

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

  • @unexpectedmemes372
    @unexpectedmemes3724 ай бұрын

    typical linux user

  • @putinstea
    @putinstea5 ай бұрын

    Jesus, get to the point already 😴

  • @Irongrip62
    @Irongrip625 ай бұрын

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

  • @c3cxla
    @c3cxla Жыл бұрын

    does this mess with the fingerprint?

  • @EricMurphyxyz

    @EricMurphyxyz

    Жыл бұрын

    No, none of this should be exposed to browser apis

  • @gustavojoaquin_arch
    @gustavojoaquin_arch28 күн бұрын

    Floorp ia better, Firefox is bloated

  • @vinayakdevc6
    @vinayakdevc67 ай бұрын

    "good luck doing this on chrome."

  • @kenangurabija
    @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

Келесі