HOME | DD
dpcdpc11 — Simplify Silver Peach for Firefox WIP
by-nc-nd
Published: 2020-04-12 00:31:17 +0000 UTC; Views: 3586; Favourites: 32; Downloads: 127
Redirect to original
Description
UPDATE 01: Managed to find a way to customize the New Tab page as well... So here you can see how it looks on Dark and Light mode. Like it?
UPDATE 02: The theme is finally finished and ready for download: Simplify Silver Peach for Firefox (userChrome.css)
ENJOY!
-----------------------------------------------------
Hey guys... how's it going? I really hope everyone is safe and sound!
I'm almost done with my Simplify Silver Peach theme and I just wanted to share with you how I've managed to customize the heck out of Firefox to match my Windows theme.
And as you can see we have the theme's caption buttons instead of the crappy Firefox default ones. Since these are simple circles, I've managed to create them in CSS overriding the default ones.
The Firefox userChrome.css will adapt just as well in either Dark or Light Windows Mode. Here you are looking at the Dark Mode activated.
The only problem so far will be the see how the custom CSS behaves on various Windows scaling settings.
So what do you think guys? Like what you see?
Stay tuned for the upcoming release
Related content
Comments: 44
👍: 1 ⏩: 1
Thank you! The dark ones are my favorite as well
👍: 0 ⏩: 0
👍: 0 ⏩: 1
👍: 0 ⏩: 1
It is finally done
You can get it here: gumroad.com/l/cWeJo
👍: 1 ⏩: 0
👍: 0 ⏩: 1
Not sure what you mean by this?
The translation is not very clear
👍: 0 ⏩: 1
👍: 0 ⏩: 1
Which button? If you talk about the caption buttons, then you can find a fix included with all my themes.
👍: 1 ⏩: 0
👍: 0 ⏩: 1
Nu folosesc niciun icon Pack. Dacă te referi la taskbar, folosesc o parte din icoanele mele care le găsești aici www.deviantart.com/dpcdpc11/ga…
👍: 0 ⏩: 0
👍: 0 ⏩: 1
👍: 0 ⏩: 1
👍: 0 ⏩: 1
Thanks Pete! I might have gone a bit too far with the rounded thing but I like it
👍: 1 ⏩: 1
I might tweak a bit but further to replace the dark gray with the dark brown to match the theme even better.
Have to find a way to do that for the background of the new tab as well.
👍: 1 ⏩: 1
Here in Firefox I need to use a css variable which changes at the same time with the windows dark/light mode.
Have to dig a bit into it.
👍: 1 ⏩: 1
My main browser is Chrome which I use on mobile and at the office and since my main job is web dev/design Chrome I all I need.
I use Firefox as a secondary browser and Opera for when I need to use a VPN.
What sucks about opera is that their UI doesn't blend well with a custom Windows theme and there's no way to override that like the shortcut trick in Chrome and the userchrome.css in Firefox.
As for speed, opera is using the same engine as Chrome so not sure how speedier things can get
👍: 1 ⏩: 1
What do you mean by "speed"? The speed of websites loading? The speed of browser launching?
Using a decent computer nowadays with a good SSD and at least 8gb of ram, this speed shouldn't really matter, at least from my perspective.
Opera began to base its web browser on Chromium with version 15.
Also the new Microsoft Edge and Brave and many others are Chromium based.
For web designers like me, this is a major benefit because you don't have to use all kind of tricks to make a website look the same on all browsers.
Chromium based browsers are using the Blink engine so the page loading speed should be the same.
It might depend on various add-ons you use which could interfere with the speed of pages or launching the browser.
Firefox is still using their own engine, called Quantum nowadays, which is finally using your CPU multicore.
But at some point I think they might merge with Blink because it would me sense to finally have a single standard when it comes to web development.
I guess we'll see.
👍: 1 ⏩: 1
👍: 0 ⏩: 1
A bit of css goes along way
You can use good old CSS code to target mostly any element in the Firefox UI and change it however you like.
If you understand CSS, it's pretty easy.
Once I'm done with it, I'll release the userchrome.css so you can take a look at how I did it.
👍: 1 ⏩: 1
👍: 0 ⏩: 1
You're welcome! Here's the final version www.deviantart.com/dpcdpc11/ar…
👍: 1 ⏩: 0
That's cool mate. Each caption button has it's own color coding and sizing ability? Very nice!
👍: 0 ⏩: 1
Thanks, Keegan! In the current Firefox version the UI css is a bit more clear and straightforward so it's easier to customize things. Hopefully they don't mess it up in the next release (which they sometimes do).
You can even have custom caption buttons as SVGs (to match the Windows theme) which you can add along side the custom userchrome.css in the Chrome folder.
The only problem for now is finding a way to scale these with the Windows UI once that goes beyond 100%.
Once I'm down, I can share the userchrome.css if you'd like to play around with the css.
👍: 0 ⏩: 1
That sound cool. I don't use ff that much really. But for those that do it sounds promising.
👍: 0 ⏩: 1
Same here... my main browser is Chrome, but I had fun customizing the heck out of Firefox. Have a look at the updated screenshot
👍: 0 ⏩: 0
