edelvarden / material-fox-updated Goto Github PK
View Code? Open in Web Editor NEWFirefox theme looks similar to Chrome
License: MIT License
Firefox theme looks similar to Chrome
License: MIT License
Would it be possible to change the background of the navigation panel and possible behind search bar (not the actual search bar eg. the darker color)? Heres a provided screenshot. As for what I'm trying to do. Or a way for me to modify the code to make it work as currently it works only unfocused.
Firefox version:
Operating system:
Is this possible to implement in some convenient way?
Thx in advance
No response
In Firefox version 120 and higher custom bool preferences like @supports -moz-bool-pref("userChrome.chrome-refresh-2023")
is deprecated [1] [2].
Must be replaced.
Before:
@supports -moz-bool-pref("userChrome.chrome-refresh-2023") {
}
After:
@media (-moz-bool-pref:"userChrome.chrome-refresh-2023") {
}
For SASS preprocessor, to save parameter name in quotes:
@use "sass:meta";
@media (-moz-bool-pref: meta.inspect("userChrome.chrome-refresh-2023")) {
}
about:config
Firefox version: >=120
Operating system: Any
So one of the amazing things about Chrome is how fluid it feels and a key part of this is its animations. Firefox doesn't compete, until amazing themes like this are created. This theme has animations (fade in, for example) when you mouse over a tab for the default version but as soon as you activate the Chrome 2023 refresh in about:config the tabs no longer animate and it looks out of place and feels a bit clunky. Would you please consider adding this in the future?
Firefox version: 112.0b4
Operating system:
Windows 11
This looks a bit weird
Also on webpage context menu if you have the firefox multi account container addon
Firefox version: Nightly but issue happens in v120 too
Operating system: Fedora 39
Hi,
If Material Fox is installed and I try to open a link for another application, the prompt does not allow me to open it. The button is even grayed out under Linux.
Under windows, the "open link" button looks kind of broken and also not work.
Name: Waterfox
Version: G6.0.2
Build ID: 20231004064944
Distribution ID: hawkeye116477
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/115.0
OS: Linux 6.5.5-x64v3-xanmod1 #0~20230923.gb10e545 SMP PREEMPT_DYNAMIC Sat Sep 23 15:52:33 UTC
OS Theme: Pop-dark / Pop
Multiprocess Windows: 3/3
Fission Windows: 3/3 Enabled by default
Remote Processes: 28
Enterprise Policies: Inactive
Google Location Service Key: Missing
Google Safebrowsing Key: Missing
Mozilla Location Service Key: Missing
Safe Mode: false
Memory Size (RAM): 15,2 GB
Disk Space Available: 301 GB
Name: Firefox Screenshots
Version: 39.0.1
ID: [email protected]
Name: Form Autofill
Version: 1.0.1
ID: [email protected]
Name: Picture-In-Picture
Version: 1.0.0
ID: [email protected]
Name: Web Compatibility Interventions
Version: 115.1.0
ID: [email protected]
Name: WebCompat Reporter
Version: 1.5.1
ID: [email protected]
Type: Isolated Web Content
Count: 21
Type: RDD
Count: 1
Type: Isolated Service Worker
Count: 2
Type: Privileged About
Count: 1
Type: Sandboxed IPC Actor
Count: 1
Type: Extension
Count: 1
Type: Socket
Count: 1
Name: 'Improve YouTube!' π§ (for YouTube & Videos)
Type: extension
Version: 4.350
Enabled: true
ID: {3c6bf0cc-3ae2-42fb-9993-0d33104fdcaf}
Name: Ad Blocker for Facebookβ’
Type: extension
Version: 1.9.14
Enabled: true
ID: {d403ee9c-3bd2-41d3-b1e9-27698babf097}
Name: AdBlocker for YouTubeβ’
Type: extension
Version: 0.3.7
Enabled: true
ID: jid1-q4sG8pYhq8KGHs@jetpack
Name: Add-ons Search Detection
Type: extension
Version: 2.0.0
Enabled: true
ID: [email protected]
Name: Addon Store Compatibility
Type: extension
Version: 1.0.0
Enabled: true
ID: [email protected]
Name: Bing
Type: extension
Version: 1.3
Enabled: true
ID: [email protected]
Name: Dark Reader
Type: extension
Version: 4.9.67
Enabled: true
ID: [email protected]
Name: DuckDuckGo
Type: extension
Version: 1.1
Enabled: true
ID: [email protected]
Name: Ecosia
Type: extension
Version: 1.1
Enabled: true
ID: [email protected]
Name: FrankerFaceZ
Type: extension
Version: 4.0
Enabled: true
ID: [email protected]
Name: Google
Type: extension
Version: 1.2
Enabled: true
ID: [email protected]
Name: I don't care about cookies
Type: extension
Version: 3.4.9
Enabled: true
ID: jid1-KKzOGWgsW3Ao4Q@jetpack
Name: Keepa - Amazon Price Tracker
Type: extension
Version: 4.10
Enabled: true
ID: [email protected]
Name: Qwant
Type: extension
Version: 1.1
Enabled: true
ID: [email protected]
Name: Return YouTube Dislike
Type: extension
Version: 3.0.0.10
Enabled: true
ID: {762f9885-5a13-4abd-9c77-433dcd38b8fd}
Name: SoundCloud Downloader
Type: extension
Version: 1.13.2
Enabled: true
ID: {c7a839e7-7086-4021-8176-1cfcb7f169ce}
Name: SponsorBlock fΓΌr YouTube - Γberspringe gesponserte Videosegmente
Type: extension
Version: 5.4.22
Enabled: true
ID: [email protected]
Name: Startpage
Type: extension
Version: 1.0
Enabled: true
ID: [email protected]
Name: Tampermonkey
Type: extension
Version: 4.19.0
Enabled: true
ID: [email protected]
Name: TTV LOL PRO
Type: extension
Version: 2.1.6
Enabled: true
ID: {76ef94a4-e3d0-4c6f-961a-d38a429a332b}
Name: Yahoo!
Type: extension
Version: 1.0
Enabled: true
ID: [email protected]
Name: Language: Deutsch (German)
Type: locale
Version: 115.4.0
Enabled: true
ID: [email protected]
Name: Grammatik- und RechtschreibprΓΌfung β LanguageTool
Type: extension
Version: 7.1.13
Enabled: false
ID: [email protected]
Name: uBlock Origin
Type: extension
Version: 1.52.2
Enabled: false
ID: [email protected]
Below Image shows 'Find in Page' text box without any text and selection. It shows bugged arrow placement and two weirdly placed lines in the middle.
Following image shows 'Find in Page' text box with text and selection. Text is not visble/too much too the left and box selection highlighting are not present.
Arch Linux 6.2.12
Librewolf version 112.0.1-2 (64-bit)
Containers have no colour, they look grey with the default setup. While the tab context menu > Open tab in New container preserves the colours.
Firefox version: 119
Operating system: Fedora 39
On pop-up windows from websites, the colour of the area just outside of the rounded edges does not match the window accent. You may have to zoom in on the circles area below to see:
Firefox version: 125.0.3
Operating system: Windows 11
Notes: This is different from the previous bug (thank you for fixing!) as it only occurs on pop-up windows.
When having more than 1 pinned tab and more tabs than would fit horizontally on the Firefox window (when tab's width start to get smaller), the pinned tab icons get weirdly clipped/ cut out.
I could be wrong but it looks like it's a titlebar-spacer being created. I don't know if that's it but no idea how to fix.
Windows 10
Firefox 112.0.2 (64-bit)
The download button on the toolbar is always visible even without any downloads going on. I don't know if this is intended or not.
Firefox version: Nightly but happens on v120 too
Operating system: Fedora 39
For whatever reason on extensions the text for these are hidden:
I was able to fix it by going to the user-content.css and ~Line 111 and removing the 'button,' line from:
input,
button,
textarea,
select {
font: inherit !important;
letter-spacing: inherit !important;
word-spacing: inherit !important
}
This is how it looks afterwards:
So it seems to fix it but I'm not sure if doing that will cause unwanted effects. Could be a full fix or maybe not, not sure.
Windows 10
Firefox 112.0.2 (64-bit)
When userChrome.chrome-refresh-2023
is turned on, the first tab looks like this:
userChrome.chrome-refresh-2023
Firefox version: 121.0b9 (Developer Edition), also tested on a stable 120.0.1
Operating system: Arch linux
material-fox-updated version: Latest commit from github (7a5685a)
First, thank you for your great work. This is truly an amazing job.
One small suggestion is that the shortcut on the homepage becomes rounded and small. I know chrome behaves like this but it maybe too small for me. (It's both OK for round or not, just about the size). It could be very nice if the size of the shortcut is adjustable.
Firefox version: 120.0
Operating system: MacOS 14.
The chrome theme works very well. It is my favorite themes for firefox, but there is one thing. For the firefox themes with the userChrome.default-theme-colors thing in about:config. When i try to use a theme, the bookmarks bar and search bar change, but the tabs don't.
turn on userChrome.default-theme-colors in about:config
turn on theme of choice
Firefox version: 118.0.2
Operating system: macos 12
Not sure if Linux is supported as there's no mention of it in the README.
Everything looks fine I guess, except the right click context menus (misaligned text):
Content of my chrome
directory:
.
βββ fonts
βΒ Β βββ Roboto-Bold.woff2
βΒ Β βββ Roboto-Medium.woff2
βΒ Β βββ Roboto-Regular.woff2
βΒ Β βββ index.css
βββ icons
βΒ Β βββ arrow-back.svg
βΒ Β βββ audio-blocked.svg
βΒ Β βββ audio-muted.svg
βΒ Β βββ audio.svg
βΒ Β βββ check.svg
βΒ Β βββ chevron.svg
βΒ Β βββ circle-dark.svg
βΒ Β βββ circle.svg
βΒ Β βββ close-tab.svg
βΒ Β βββ close.svg
βΒ Β βββ edit.svg
βΒ Β βββ extension.svg
βΒ Β βββ folder.svg
βΒ Β βββ home.svg
βΒ Β βββ info.svg
βΒ Β βββ lock.svg
βΒ Β βββ menu-update.svg
βΒ Β βββ menu.svg
βΒ Β βββ new-tab.svg
βΒ Β βββ no-src.svg
βΒ Β βββ properties.svg
βΒ Β βββ refresh.svg
βΒ Β βββ settings.svg
βΒ Β βββ spinner-busy.svg
βΒ Β βββ spinner-progress.svg
βΒ Β βββ star.svg
βΒ Β βββ tracking-protection.svg
βΒ Β βββ warning.svg
βββ user-chrome.css
βββ user-content.css
βββ userChrome.css
βββ userContent.css
3 directories, 36 files
Hi, I noticed that on the search bar for example that the font for firefox is different from the chrome font and same with a few other colours, like when on the active tab on firefox, it has a light blue hue but on chrome it just has a light grey hue. Is it possible to release a guide for how to configure firefox/this add on so it closely matches chrome, thanks :)
Firefox version: 119
Operating system: Windows 11
general.autoScroll
Firefox version: 119.0
Operating system: Arch Linux (x86-64)
I couldn't figure out what rule(s) affect the autoscroller like that, but in the meantime I'm using this to restore the width:
.autoscroller {
min-width: 0 !important;
}
Is it possible to make the pinned tabs look and feel like regular tabs? I have this piece of code here https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/normal_pinned_tabs.css but not sure where to make the changes in the current user-chrome file.
Firefox version:
Operating system:
In vanilla Firefox, you can select a search engine right under search suggestions. That is useful, a shame it's not present in this theme.
Sorry if I'm missing it or if there is a config option for that.
Firefox version: 126.0
Operating system: Windows 11 22631.3593
hey after ff 108.1 seemed to have broken the visuals https://i.imgur.com/K9tV7fI.png
Just follow every steps of this installation, and restart firefox and nothing changes.
I tried to enter about:config and customize those new variables defined here and these variables do not exist.
So clearly my firefox is not loading the userChrome.
Download the release.
Set those required variables to true.
Open about:support and open profile folder.
Copy the unzipped file into profile folder. I can clearly see the chrome folder is in the profile folder now.
Restart firefox, nothing happens.
Firefox version: 126.0 (64-bit)
Operating system: Win10.
Tab background colour(inactive tabs + general tab background) changed from material-fox-updated's #202124 to #1c1b22.
Found a somewhat related reddit post but couldn't figure out a fix for material-fox-updated.
Update to Firefox 119 (stable)
Firefox version: 119.0 (64-bit)
Operating system: Windows 10
I'm expecting a rounded search bar as in chrome, also as shown in the readme. But it's still rectangular. Is that a problem from my side?
Firefox version: 124.0.1
Operating system: MacOS 14
first tab broken after ff update 1.10 lol https://i.imgur.com/bcURvBb.png
Firefox version: 123
Operating system: MacOS Sonoma
The firefox search bar never really felt right for me, feels crowded and ugly.
Firefox version: 124.0.2
Operating system: Windows 11
could you make the tab height the same as chrome as it was before I noticed the tabs are a lot smaller than before
chrome's material 2 theme looks a lot better and nicer than the new "material 3" look so it'd be nice if there was some option or guide on undoing the new look
Firefox version: 120.0.1
Operating system: macOS Monterey 12.5
When a window is deselected, the colour of the area just outside the rounded corners does not match that of the navigation bar. You may have to zoom in on the circled area below to see:
Firefox version: 125.0.2
Operating system: Windows 11
the "chrome refresh 2023" appearance seems to be always on even if disabled in about:config
userChrome.chrome-refresh-2023
and set it to false
Firefox version: 120.0.1
Operating system: macOS Monterey 12.5 21G72
Menu doesn't display properly, appears to be hidden or 1px width
Firefox version: 118.0.2 (64-bit)
Operating system: MacOS Sonoma 14.0
Probably the pinned state has too low width or should be visible on hover.
Use chrome referesh 2023
Firefox version: Nightly
Operating system: Fedora 39
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.