adamxweb / whitesurfirefoxthememacos Goto Github PK

The new Monterey Safari design looks kind of nice. So I thought it would be nice to have a Monterey Safari style for Windows. Is there any plans for the Monterey Safari release?

Describe the solution you'd like
Have close buttons on right on windows

Please provide a dark theme!!

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Enter full screen mode on Mac
2. observe issue

Expected behavior
No bar

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Firefox version: 89
• WhiteSur theme: 1.3.0

Haven't checked Windows yet

Describe the solution you'd like
To install the theme via a script with options on Windows

Describe the bug
Menus of tracking protection, as well as extensions need more padding to view content properly

Screenshots

Desktop (please complete the following information):

• OS: MacOS 11
• Firefox version 91.0.2
• WhiteSur theme: current dev

Describe the bug
Tab bar gets smaller when dragging tabs

To Reproduce
Steps to reproduce the behavior:

1. Click on a tab
2. Drag the tab
3. See error

Expected behavior
Tab should stay the same size

Screenshots
https://i.imgur.com/rsZPR0z.png

Desktop (please complete the following information):

• OS: MacOS 11
• Firefox version: 91.0.2
• WhiteSur theme: 1.3.1
• Any options added during installation [e.g. -c]: None

Describe the solution you'd like
To match Safari's positioning of the close tab button, it would be great to move this to the left of the tab, especially MacOS where everything window/tab related is on the left.

Additional context
Safari:

Firefox:

Describe the bug
Icons look flat in firefox v92

Expected behavior
Normal icons

Screenshots

Desktop (please complete the following information):

• OS: MacOS 11
• Firefox version 92.0
• WhiteSur theme v1.3.1 dev

When accessing the web apps of Google Meet and Webex (haven't tried Zoom or Teams) and trying to share screen, I'm unable to click "Allow" button when prompted. Works fine when I remove this custom theme.

• Using 1.1.3
• Firefox 88.0.1
• 16" MacBook Pro running 11.3.1

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Play video with sound
2. click on picture in picture mode
3. Sound icon placement will be off

Expected behavior
Clear placement of sound icon

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Browser: Firefox
• Version v88

Additional context
Add any other context about the problem here.

Describe the solution you'd like
The corner should be close, minimize, maximize. On Windows currently it is minimize, maximize, close
How it is

How it should be

Describe the bug
Not the entire url bar is actually responding to clicks. The text seems to cut of at around the 3/4 mark and beyond that clicking on the url bar doesn't allow for editing the url. And the first 1/4 has the same issue (see screenshot)

To Reproduce
Steps to reproduce the behavior:

1. open firefox
2. go to any website
3. click anywhere on url bar where there is no text

Expected behavior
Clicking anywhere in the url bar that is not a button with a specific function (eg. 3dot menu or favorites button) to start editing the url.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Firefox version 88.0.1
• WhiteSur theme v1.1.4

The title on the tab right-justified when any media is playing. Tested on YouTube and Coursera.

Describe the bug
Minimize, maximize and close buttons not showing properly on Linux

To Reproduce
Steps to reproduce the behavior:

1. Install theme on Firefox for Linux
2. Look at minimize, maximize and close buttons

Expected behavior
Buttons to be better aligned and having the sadari style (green, yellow and red circle)

Screenshots
I

Desktop (please complete the following information):

• OS: [Ubuntu 20.04.2 LTS]
• Firefox version [88.0.1]
• WhiteSur theme [v1.2.2]
• Any options added during installation [-l (but same problem occurs with manual install)]

Describe the solution you'd like
Just was wondering if you were down to create a Monterey Safari version of this

Describe alternatives you've considered
N/A

Additional context
Just wanted to say awesome work on this project!

I like macos big sur themes so I want to make firefox look like safari,but this theme doesn't work on Linux.

What: Form inputs with a dropdown need inverting, currently showing grey, needs to be white for contrast.

Also spotted if a bookmark folder is located in the taskbar

tabs with not enough text align items to the right when there are too many tabs open.
Seems to possibly be a bug in FF 88 +

Describe the bug
Clicking in the address bar doesn't go into edit mode

To Reproduce
Steps to reproduce the behavior:
click next to the address

Expected behavior
go into edit mode

Desktop (please complete the following information):

• OS: macOS 11.3.1
• Firefox version 88
• WhiteSur theme 1.2.2
• Any options added during installation N/A

Describe the bug
Incognito icon overlaps with URL bar on small screens

Screenshots

Desktop (please complete the following information):

• OS: MacOS 11
• Firefox version 91.0.2

I might be too much to ask but would it be possible to have a translucent effect on dark mode

The safari with it's dark mode looks so cool. while scrolling the menu bar shows a blurred version of the site so sweet
I found 1 or 2 repo
Blurred Fox
moz-mac
hope their css still works

Describe the bug
Normally it looks like this when I am not in fullscreen:

but when I am in fullscreen and move the mouse to the top,then it looks like this:

the buttons on the left look buggy.

To Reproduce
Steps to reproduce the behavior:
Start firefox,then make it fullscreen and then move your mouse to the top.

Expected behavior
That it looks normal

Desktop (please complete the following information):

• OS: Windows 10 Home
• Firefox version: 90
• WhiteSur theme: 1.3.1
• Any options added during installation:no,no additional options.

What should I edit to change font style and color of bookmarks label?

Describe the bug
Any extensions in the overflow menu don't respect the full width of the extension.
Can read more about the issue here:
https://www.reddit.com/r/FirefoxCSS/comments/n9asta/addons_width_changes_to_a_fixed_value_when_placed/
@aminomancer has a fix using a script to scroll through extensions:
https://github.com/aminomancer/uc.css.js/blob/master/JS/navbarToolbarButtonSlider.uc.js

Other option is to define each extension's width individually.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
How it should be (how it is in toolbar)

How it looks in overflow menu

Desktop (please complete the following information):

• OS: MacOS 11
• Firefox version 92
• WhiteSur theme: latest commit

Hope this helps someone else in the future

Describe the bug
When a tab is pinned, and the arrow keys for too many tabs appear, the height is extended, however pinned tab height is fixed.

Screenshots

Hello, this is nit picky but noticeable: the horizontal line on this Safari theme is too bright compared to raw Safari. Please see attached screenshot contrasting Firefox in background with Safari in foreground.

Describe the bug
proton is breaking the custom theme

Screenshots

Desktop (please complete the following information):

• OS Windows 10
• Firefox version 96.0 b5
• WhiteSur theme [v1.4]

Describe the bug
Clicking folders in Bookmark toolbar doesnt have same UI like WhiteSur theme. Can this be fixed?

To Reproduce
Steps to reproduce the behavior:

1. Show the bookmark toolbar
2. Click on folders
3. You will get the UI

Expected behavior
Have similar UI like the theme.

Screenshots

Desktop:

• OS: Windows 10 20H2
• Firefox version: Firefox 95.0.2

Hello! On Firefox Developer Edition (89.0b10 (64-bit)) tabs look kinda weird:

Could you add support for this browser version as well?

Describe the bug
Firefox v89

• executed bash install.sh and followed the prompt.
• toggled toolkit.legacyUserProfileCustomizations.stylesheets to 'true'
• manually installed theme
• MacOS 10.15.7
• Firefox v89
• WhiteSur theme 1.3.0

However, firefox is still appearing as the default theme.

Apologies if there is an obvious fix, but is there anyway to incorporate ".tab-context-line{display:none}" into this theme? I tried to add it to my userChrome, which disabled the whole theme. I find the lines indicating Facebook/Instagram tabs make it tough to find the active tab immediately. Thanks for any help.

Refresh button when reloading on windows has a noticeable overlap

After close examination, it seems to be evident on MacOS also, however only slightly.

Desktop (please complete the following information):

• OS: Windows 10 & MacOS 11]
• Firefox version: 90
• WhiteSur theme v1.3.1]

Describe the bug
A clear and concise description of what the bug is.
Firefox crashes when Whitesur theme is installed

To Reproduce
Steps to reproduce the behavior:

1. Install Firefox 93.0b2 (64-bit)
2. Open firefox after installation
3. Error message saying firefox has crashed
   Expected behavior
   It can open normally

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10
• Firefox version 93.0b2 (64-bit)
• WhiteSur theme v1.1.3

Describe the bug
On a form, or when using a select dropdown, the background and text are both white unless highlighted.
Seems to be a new bug where a class has changed in Proton.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. Windows, MacOS 11]
• Firefox version [e.g. 88]
• WhiteSur theme [e.g. v1.1.3]
• Any options added during installation [e.g. -c]

Additional context
Add any other context about the problem here.

Describe the bug
When a website is loading, and hasn't loaded the favicon, the text aligns to the left. It should be centred all the time. Need to add a new class

Expected behavior
Text always centred no matter if loading, with no favicon or has favicon.

Could you please make the solo tab to hide to make it look more like safari?

the code below kinda works:

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]),
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ toolbarbutton {
visibility: collapse;
}

but the tab area remains black.

Describe the bug
Pinned tabs disappear on Windows

To Reproduce
Pin a tab in a container and it disappears

Expected behavior
To see the pinned tab on the left side of the screen

Desktop (please complete the following information):

• OS: Windows 10
• Browser Firefox
• Version 88.0.1

I hate it that they are on the left,I want them on the right.

Even if it's for aesthetics to remove the icons, the text should at least be aligned.

Describe the bug
After uninstalling all theming plugins and reverting to the default theme, the inactive tabs don't appear to use opaque colors.

To Reproduce
Steps to reproduce the behavior:

1. Install theme version 1.2.2
2. Restart Firefox
3. Observe inactive tabs and the "+" tab button have macOS style translucency.

Expected behavior
The tabs are opaque.

Screenshots

Desktop (please complete the following information):

• OS: macOS 10.15.7
• Firefox version 88.01
• WhiteSur theme 1.2.2
• Installed by dragging the folders to my profile folder

I just added the code below to make tab close button fade in when hovering over the button:

.tabbrowser-tab:not([pinned]) .tab-close-button {
display: -moz-box !important;
opacity: 0;
visibility: collapse !important;
transition: all 0.2s ease-in !important;
}

.tabbrowser-tab:not([pinned]):hover .tab-close-button {
opacity: 0.5;
visibility: visible !important;
transition: all 0.2s ease-in !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button:hover {
opacity: 1.0;
transition: opacity 0.2s ease-in !important;
}

i think it blends more natively to what Safari do.

If you could add this to the css :)

Describe the solution you'd like
Port the theme to work with windows.

Describe alternatives you've considered
Installing theme directly causes multiple display issues

Additional context
Add any other context or screenshots about the feature request here.

For new users, an install script may make it easier to activate the theme.

Challenges:
Settings in Firefox need to be changed by user.
Profiles of users are different.

How do remove the tabs bar? I have hidden them because I prefer to use Tree Style Tab (like Safari on iPadOS 15), but it remains visible empty.

The buttons for window are a little too small, and sometimes I miss click, how do I reset the default to Windows or make them bigger?

The current setup

This is how safari looks like

Using on catalina .15.7