GithubHelp home page GithubHelp logo

bmftzq / edge-frfox Goto Github PK

View Code? Open in Web Editor NEW
588.0 588.0 34.0 5.76 MB

A Firefox userChrome.css theme that aims to recreate the look and feel of Microsoft Edge.

License: MIT License

CSS 99.55% JavaScript 0.45%

edge-frfox's People

Contributors

bmftzq avatar tgsan avatar wherewith avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

edge-frfox's Issues

Horizontal scrolling glitch

img
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:
img 2

Titlebar button box container with Mica enabled should respect the full height of tabs on Windows 11

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:

Screen Shot showing misaligned window control button

Additional Theme similar to edge

While using the System-Auto theme, It is indeed replicating Edge's Tab bar color as like in below image:

image

But when using Dark theme as below. The Dark theme of Firefox is applied.
image

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.

Windows 7 Bug

Explanation for a tweak

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.

Right click and search bar bug

1.

  I love your Firefox theme but they have this bug when i right click in Ubuntu:

image

2.

  and they have this bag when i want to search something (you can see 2 magnifier icon in search box) :

image

3.

 and this is other bug i found in dark mode (you can see they have no border for tabs) :

image

Improvements to Firefox Badge in Nav Bar

FF.Badge.mp4

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.

Highlight of address bar matches is too light

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?

image

Full screen mode shows rounded corners and window border if Mica is enabled

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

Screenshot 2022-07-13 202002

Tab Separator

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 ?

Default Tab Container Underline No Longer Hidden

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

Make close tab button always visible

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.

Tab bar giggly

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.

Titlebar button box container should respect the full height of tabs on Windows 11

On windows 11, here;s how the different browsers look:

Edge:

image

Firefox with Edge-FrFox

image

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

Explanation for a tweak

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 ?

Color of the alt text in dark theme

Could you fix the color of the alt text to reflect the dark grey theme? (the popup text when I hover over links or tabs)
image

Currently, it appears as a dark shade of purple, I think the one FF uses by default.

Titlebar buttons on Windows 10 are malformed when menu bar is enabled

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.
This is a screenshot of what it looks like normally:
This is a screenshot of what it looks like with the menubar enabled:

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.

Tweak: Mica in address bar row instead of only the tab row for default style. (Windows 11 Explorer-style tabs)

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.
File Explorer Tabs

How to disable bluish highlight outline globally?

Hi.
I can’t find where I can disable this bluish highlight outline globally..
Is there any easy way?

And also, in that about:home page, if I untick the "shortcuts" and "recent activity" checkboxes, then the Firefox logo and Google search box are not centered vertically. .
How can I fix it?
TIA

Mozilla_Firefox

Context Menu of PIN Suggestions not themed

-after the latest January, 2022 Update-
If I try to enter PIN somewhere, the suggestions context menu that shows up is not themed. It is default FF theme. Can you please fix this?
image

How to use native titlebar buttons?

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.

Tab-label isn't vertically centered

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.

Fix spacing and sizing on buttons placed in the tab bar

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.
29 - 17-30-24

Doesn't work.

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?

Modify the "background-size" of the search icon in the new tab

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

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

Firefox Tracking Protection in Address Bar - Broken

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.

New commit is breaking buttons

image

As you see in the image, The new commit has breaken things on my fork. I am not sure if this is because of you or my fork.

And Mica also doesn't apply even though my settings are :

image

Use the latest design of Edge's Rounded Tabs

Edge Canary seems to have a faint white outline and bolded text for the selected tab. I propose for Edge-Frfox to use this current design rather than the older one it uses now.

Top screenshot is Edge Canary, and the bottom is Edge-Frfox.

Firefox Nightly 92 - Some buttons are misaligned in the address bar

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.

2021-07-19.11-56-59.mp4

The Context Menu font could be smaller?

The Context Menu looks near perfect now with the new edge icons.
However, the font is a little larger than how it appears on edge.
Could you make the context menu font slightly smaller?

  • Current Font Size:

image

  • Font Size on Edge:

image

'Circulating dots' animation

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?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.