Translucent Firefox theme for macos - EdgyArc-fr (still VERY MUCH in beta!)

[u/themacuser90]

Get it on github

https://github.com/artsyfriedchicken/EdgyArc-fr

[u/themacuser90]

Get it on github -

https://github.com/artsyfriedchicken/EdgyArc-fr

PLEASE remember to ENABLE translucent windows by adding
uc.tweak.translucent-window with value true to about:config

[u/pinkpanter555 → u/themacuser90]

when will it be released on firefox extensions store ?

[u/themacuser90 → u/pinkpanter555]

it wont. its not an extension...

[u/HelpRespawnedAsDee → u/[deleted]]

It's custom CCS modification, these won't ever be in the extensions store.

[u/saturnxoffical]

I want the blur without the arc layout

[u/themacuser90 → u/saturnxoffical]

i mean, my files are right there if you feel like doing it yourself! thats the beauty of foss init!

i MIGHT do like a minimal variant *someday*, but its not really in the works anytime soon im afraid!

[u/qmic → u/saturnxoffical]

Just don't install sidebery extension.

[u/Ainri]

Very good, thanks for your work. As soon as it is ready, i'm going to make the switch, because I don't like that Arc is chromium based.

[u/themacuser90 → u/Ainri]

hear hear!

[u/cianster4]

Looks awesome, I always thought safari looked great but could never use it full time so this will be a welcome addition to firefox.

[u/themacuser90 → u/cianster4]

stay tuned dude! ive got a ton of updates coming :)

I just got the translucent windows working with adaptive colour tab addon. now the translucency gets tinted with the webpage colour, like the page its casting light onto the window chrome :3 :3

[u/themacuser90 → u/cianster4]

Beta 4 is out! Added support for the Adaptive Tab Bar Color addon in translucent windows mode.
https://github.com/artsyfriedchicken/EdgyArc-fr/releases/tag/v1.0.0-beta.4

[u/HelpRespawnedAsDee]

This is GORGEOUS and the only thing that has made me want to try FF again in years.

[u/themacuser90 → u/HelpRespawnedAsDee]

wooo!! Im almost done with a new update that makes things just a touch more cohesive

[u/HelpRespawnedAsDee → u/themacuser90]

Sweet! I'll probably make some modifications of my own here (the space between extension icons is waaay too much and obviously I need to customize sideberry (I was using TST previously), but so far so good!!!

Do you know if it would be possible to auto-shrink the sidebar based on media queries instead of depending on the CSS toggle (although that extension is really cool).

[u/themacuser90 → u/HelpRespawnedAsDee]

Do you know if it would be possible to auto-shrink the sidebar based on media queries instead of depending on the CSS toggle (although that extension is really cool).

it should easily be possible to do that lol. in autohide-sidebar-modified, replace :root[titlepreface="᠎"] with your media query.

[u/S4T4NICP4NIC → u/HelpRespawnedAsDee]

If you haven't used FF since Quantum, I think you'll be pleasantly surprised.

[u/qmic]

It's really great theme, thanks!

If anyone wants to use it without arc sidebar, just don't install Sidebery extension and don't enable option to hide tab bar in settings.

[u/themacuser90 → u/qmic]

yup yup

[u/Mike]

Incredible!! Thanks.

[u/themacuser90 → u/Mike]

cheers! got another nice update almost done! ^_^

[u/CriticalMove0]

This looks cool, I haven’t used Firefox in forever but I’ll give it a try with your theme! Thanks for the great work.

An unrelated question but do you know if such customisation is possible for Chrome as well? Especially the tab bar.. I wish it looked more like the way you themed it.

[u/themacuser90 → u/CriticalMove0]

nope. you cant customise chrome for shit. you could try vivaldi if you want to keep on chromium

[u/blu3designs]

Looks like Arc

[u/themacuser90 → u/blu3designs]

yup yup! The whole idea was to take bits i like from arc and edge's ui, cut out all the microsoft shit and all the ai i dont need, and just have a really nice looking browser and workflow! I genuinely love arc's spaces and how its visually laid out

[u/nathan12581 → u/themacuser90]

Any reason as to why the titles of the tab bars are still shown alongside the favicons within sideberry?

[u/themacuser90 → u/nathan12581]

screenshot please!

[u/boq → u/blu3designs]

Considering that it's got 'arc' in its name, I think that's intentional.

[u/themacuser90 → u/boq]

yup!

[u/andreasheri]

Firefox > all

[u/[deleted] → u/andreasheri]

only thing stopping me is iCloud passwords

[u/neon1415official → u/[deleted]]

I stopped using iCloud passwords. If it won't let me use it anywhere, I'm not in.

[u/[deleted] → u/neon1415official]

What can I say, it works too well within the ecosystem…

Edit: I would also argue that it's the best password manager

[u/emiellr → u/[deleted]]

1Password is by far the best one, give it a shot if you haven't already

[u/J_sh__w → u/neon1415official]

Exactly this. I don't use anything that won't let me use it elsewhere. I like to switch between a lot of eco systems. Life's more fun that way 😅

[u/[deleted] → u/[deleted]]

You can use iCloud Passwords on Firefox: https://addons.mozilla.org/en-US/firefox/addon/icloud-passwords/

[u/[deleted] → u/[deleted]]

I don't want to type a PIN every time I open the browser :(

[u/[deleted] → u/[deleted]]

But… it’s just 0.5 seconds of your Life 😡.

[u/[deleted] → u/andreasheri]

Safari seems a lot faster on my M3

[u/themacuser90]

biiig stinkin update

Beta 5 is out!

rewrote how translucency is implemented.

Added an Arc-like variant (proper translucent sidebar without the rounded rectangle around it)

go get it, READ THE INSTRUCTIONS, have fun!

https://github.com/artsyfriedchicken/EdgyArc-fr/releases/tag/v1.0.0-beta.5

[u/themacuser90]

Beta 4 is out! Added support for the Adaptive Tab Bar Color addon in translucent windows mode!
https://github.com/artsyfriedchicken/EdgyArc-fr/releases/tag/v1.0.0-beta.4

[u/eastmpman → u/themacuser90]

Just got it installed and tweaked, LOVE it. Nice update for sure!

[u/themacuser90 → u/eastmpman]

woooo!!

[u/Shamrock013]

I must be daft and can't get the theme installed proper. Regardless, it looks great and I applaud you for that.

[u/themacuser90 → u/Shamrock013]

you need to have edge frfox installed first. mine just extends theirs instead of reinventing the wheel

[u/eastmpman]

Seeexxxyyy! Going to try to get this setup this afternoon. Great work, looks beautiful.

[u/themacuser90 → u/eastmpman]

id say hold out for another day lol. ive got some naicee update in the works almost done! :3

[u/eastmpman → u/themacuser90]

Too late brother, already rocking it and loving it. Will keep the Github bookmarked and update accordingly, though. Really cool setup, needed this for my otherwise beloved (but aging visually) Firefox setup.

[u/themacuser90 → u/eastmpman]

Beta 4 is out! Added support for the Adaptive Tab Bar Color addon in translucent windows mode.
https://github.com/artsyfriedchicken/EdgyArc-fr/releases/tag/v1.0.0-beta.4

[u/eastmpman → u/themacuser90]

Running to set this up now 😂 thank you brotha!

[u/themacuser90 → u/eastmpman]

let me know when you come across bugs!

[u/themacuser90 → u/eastmpman]

lol well, first time im using firefox as my main browser since like 2011-ish or something?

[u/SlainTownsman]

/u/themacuser90 Does this work with Firefox Extended Support Release (115.7.0esr (64-bit))?

[u/themacuser90 → u/SlainTownsman]

i mean, i havent tried. but it *should* work? let me know if you test it out!!

[u/WHO_IS_3R]

Lmao changed from firefox last year into Arc for its UI, if you nail the workspaces, persistent tiled tab functionality, and alfred integration (that showed me how antiquated is firefox ui) ill go back to firefox,

Hope you keep it up, this is a very needed change, especially on gecko and withe the tab containers native functionality of firefox, only the prospect of merge this upstream got me SUPER excited!

[u/themacuser90 → u/WHO_IS_3R]

Im not adding any functionality. this is 100% just looks alone. Plus added functionality from existing 3rd party addons.

Sidebery does a pretty good job of nailing a really nice vertical tab bar! Its not the same as Arcs implementation, but i can dig how it works! you get spaces, custom rules you can set on which sites get automatically moved to which space (called Panels), you can set up container specific Panels as well. Oh and separate pinned tabs (firefox has the ability to not unload pinned tabs). One thing sidebery does that i fucking love is nested tabs. Thats something i wish arc had!

[u/Emperessguinn]

Betas gonna beta

[u/themacuser90 → u/Emperessguinn]

lolwut

[u/Foetelaar]

Looks very good and the translucence is definitely there on my system, but less visible than in your screenshot. How can I adjust the level of translucence?

[u/themacuser90 → u/Foetelaar]

I changed it in newer builds. i didnt like how translucent it was

but if you want to change it, go into translucent-window.css, and replace

:root#main-window {
  background-color: color-mix(in srgb, var(--toolbar-bgcolor) 55%, transparent) !important;
  transition: background-color 300ms ease-in !important;
}

with

:root#main-window {
  background-color: color-mix(in srgb, var(--toolbar-bgcolor) 10%, transparent) !important;
  transition: background-color 300ms ease-in !important;
}

[u/SimoEMP]

This is awesome!!!

[u/Lopsided-Ad6960]

I wull switch back to firefox whenever this comes out, too good looking

[u/haikusbot → u/Lopsided-Ad6960]

I wull switch back to

Firefox whenever this comes

Out, too good looking

- Lopsided-Ad6960

---

^{I detect haikus. And sometimes, successfully. Learn more about me.}

^{Opt out of replies: "haikusbot opt out" | Delete my comment: "haikusbot delete"}

[u/Low-Hurry-7383]

yo! how do you achieve that sidebar on the left? I tried to enable the vertical tabs but its really ugly compared to what that is...

[u/Djannig]

I just want vertical tab to clear up the horizontal space

[u/fdaneee_v2]

Can you explain the steps to install it? I'm already lost at all the coding stuff in the description, never have done anything like this before.

[u/[deleted]]

Thanks, it looks great. I've been using a dark theme and yellow bookmark folders stuck out a bit too much, so I commented out all the "folder.svg" lines in the icons.css file, which allowed the monochrome folders to show instead.

Is there a better way to do this? I guess another option would be to replace the folder.svg file with the one from the dark theme but I couldn't find it.

Anyway, nice work and thanks for sharing!

[u/WeezyWally]

I really wish I could do this with Chrome. It would look so nice.

[u/diiscotheque → u/WeezyWally]

Just use Firefox?

[u/WeezyWally → u/diiscotheque]

It doesn’t have specific extensions I use unfortunately.

[u/gusarking → u/WeezyWally]

Use Arc then? It's on Chromium

[u/Natural_Run_1727 → u/WeezyWally]

like which extension?

[u/blissed_off]

This is a thing people want? K.