bmftzq / edge-frfox Goto Github PK
View Code? Open in Web Editor NEWA Firefox userChrome.css theme that aims to recreate the look and feel of Microsoft Edge.
License: MIT License
A Firefox userChrome.css theme that aims to recreate the look and feel of Microsoft Edge.
License: MIT License
I really like this style. The standard Firefox look is OK, but I think this is better. The icons help provide extra polish.
Now for my issue...
When I enter text in the address bar, matching URLs from my history are listed and the first one highlighted. The highlight colour is too light IMO. Can I make this a little darker?
If you see the video, The Box (Padding) around firefox has blended with the color of the navigation bar. I get the thing that it is similar to edge but edge has a Vertical bar separating the badge and URL.
Better to fix it.
Microsoft edge has this nice animation while loading a page. The current version of this userChrome does not have this characteristic. It uses the default Firefox bouncing animation.
Could this be implemented as a slight enhancement?
A recent update seems to have changed the class used for the tab underline created by multi-account containers. This leads to duplicate underlines and the underline persisting when the tab is active.
Previously it was .tab-bottom-line
Now it is .tab-context-line
In Edge, the close tab button always visible by default. I think it will simple to implement directly or make a option in Firefox config page.
When I click on Customize Toolbar, the whole tab bar is jiggly even if you just hover over one of the extensions and while arranging things.
Tweak : uc.tweak.disable-drag-space
Description in Readme : disable drag space above tabs
I don't see any space above tabs in Firefox both in Maximized and minimized windows. Which space are you referring to ?
For some reason, the horizontal scrolling on this theme kicks in too early.
On default Firefox, horizontal scrolling starts at ~20 open tabs.
On this theme, it already begins way too early at just 7 tabs. There is nothing to scroll anyway, so it takes up unnecessary space.
Also, it seems like the "New Tab" animations disappear when this horizontal scrolling glitch occurs. There are no animations at all.
For example, this is how it should look like, on default Firefox:
The theme seems to override titlebar buttons and so they dont look centered as they are supposed to on windows 11. How to edit just the titlebar theming stuff to use the default on firefox? Also, total noob here, thanks.
Here's a video demonstrating the bug:
Apologies if the link looks sketchy, videos uploaded to Notion don't have a very pretty URL.
This issue is now present in the latest commit of Edge-Frfox.
For a good comparison, here's the current height of the titlebar buttons in current Edge Canary:
Originally posted by @tobyisawesome in #14 (comment)
bmFtZQ has stated in response to this issue:
The only way to fix this (that I know of) is to hide the theme's icons and rely on the ones drawn by Windows. Since those icons are located in a fixed position the buttons have to be moved, otherwise you end up with misaligned buttons/icons:
Currently, the look of edge-frfox with Mica enabled (and floating tabs disabled) only has Mica in the tab row, with the address bar row being completely opaque.
Some may want for there to also be transparency in the address bar row too, without it being limited to just the tab row.
I propose for there to be a tweak that enables for the address bar row to be a lighter shade of Mica. I don't suggest for this to replace the current functionality, but I suggest for it to be an alternative tweak to those who may want it.
Here's an example where Mica extends under the tab row, where there are two shades of Mica. This screenshot is from File Explorer on the Beta channel of the Windows Insider Program.
Currently, buttons placed in the tab bar have really awkward spacing from the left edge of the window. It would be nice if these lined up with buttons placed on the address bar line. Also, it would be nice if buttons in the tab bar were the same size as buttons on the address bar so they will line up.
Great thanks for your working, I just really like this theme and it's already my daily driver theme. When using this, I found that the label of the tab is not vertically centered which is strange.
So I found the related code in the file name "tabbar.css".
I change set the value of margin-top to zero which make the label of tab become vertically centered.
Are there some reasons that value have to be -2px? If there were, is there any other ways to make the label vertically centered?
Thanks for your working, again.
Would you consider adding mica support to the tabbar? It already seems to work with this mod, so should be possible
Firefox Tracking Protection Popup is hidden in the address Bar (aka URL Bar). When Clicking the Icon and trying to interact with the Interface, It closes automatically, Sort of annoying and uneasy to use it.
On windows 11, here;s how the different browsers look:
Edge:
Firefox with Edge-FrFox
This is when both browsers are in maximized state. The titlebar button box container should respect the full height of the tabs toolbar for consistency. On the same note, the window control buttons also look outdated on Windows 11.
The issue is observable in both maximized and normal state.
Edit: Closing this because the issues seem to be fixed on the rewrite
I know this CSS is for replicating Edge's UI in FIrefox, But Do you consider about removing the Tab Separator because other tabs will seem unified and cleaner in terms of UI or helping me in removing that for myself alone ?
uc.tweak.force-tab-colour
- What does this tweak actually do ?
I am confused by your Wording in Readme. A detailed explanation with images would be great.
The size of the search icon on the new tab is considered to be about the size of the image below. Currently the icon is fixed to the same size as the background.
Referring to Edge, the search icon is not the full background, so it can be closer.
The following CSS can be used to modify it.
.top-site-outer .default-icon,
.top-site-outer .search-topsite {
background-size: 15px !important;
height: 24px !important;
width: 24px !important;
}
113 row
Hi. Can you check if there is transparency or not?
Vibrancy.txt
I think Mica/Translucent effect for MacOS can be acheived by using this CSS - https://github.com/zvuc/firefox-macos-native-tabbar
I would like to make a PR but I have a custom fork for my own customization. So, I don't want to mess it up.
When opening the right click context menu or the bookmarks in a folder on the bookmark toolbar, the text is not highlighted when hovering over the text of the folder or context menu.
Operating System: Windows 10
Browser: Firefox 88
If uc.tweak.win11-mica
is set to true and full screen mode is entered, a transparent window border will show around the display with rounded corners as if the browser is still in windowed mode. This does not happen if full screen mode is entered when the browser window is maximized, or the Mica tweak is disabled. Also, the window control icon for minimize, restore, and close disappear when the browser is in focus
Firefox menu is like this (old version):
While Edge is like this:
The main difference is Acrylic. Can you add it?
Thanks
This might be achieved with the new backdrop-filter: blur()
css property.
Firstly this is really great and I haven't seen much community contribution in it but it's gotten to the point where it's my daily driver theme.
On to the issue: When I enable the menubar, the titlebar buttons move higher up and are cut off.
I haven't looked through the code so I don't know what the cause/solution could be, but it'd be great if it was fixed since I prefer using the menubar.
Hello, I really like this theme and I use it everyday, but since the latest Firefox Nightly version that updates to Firefox 92, the "Bookmark this page", "Page actions" button and "Protections" button are misaligned in the address bar. Video is attached to see more about this behaviour.
The theme doesn't work, I expected it to work, but it didn't.
I'm running Windows 11 Build 22000.527.
How can i fix this?
While using the System-Auto
theme, It is indeed replicating Edge's Tab bar color as like in below image:
But when using Dark theme as below. The Dark theme of Firefox is applied.
The second theme is not so good. I want the first tab bar's color when I enable Dark Theme.
I am suggesting that you create a theme of the first one and list it along other themes if possible or publish a theme in AMO.
Can any way we make an port to chromium base?
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.