Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: AdamXweb/WhiteSurFirefoxThemeMacOS
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: v1.5.6
Choose a base ref
...
head repository: AdamXweb/WhiteSurFirefoxThemeMacOS
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: v1.6
Choose a head ref
  • 3 commits
  • 19 files changed
  • 1 contributor

Commits on Dec 1, 2024

  1. fix #130 #131 #132

    @AdamXweb
    AdamXweb committed Dec 1, 2024

    Verified

    This commit was signed with the committer’s verified signature.
    AdamXweb Adam Kostarelas
    GPG key ID: 78021768CFE22200
    Verified
    Learn about vigilant mode
    Copy the full SHA
    d63cd9a View commit details

  2. fix #129

    @AdamXweb
    AdamXweb committed Dec 1, 2024

    Verified

    This commit was signed with the committer’s verified signature.
    AdamXweb Adam Kostarelas
    GPG key ID: 78021768CFE22200
    Verified
    Learn about vigilant mode
    Copy the full SHA
    fb70017 View commit details

  3. feat: add compact tabs #133

    @AdamXweb
    AdamXweb committed Dec 1, 2024

    Verified

    This commit was signed with the committer’s verified signature.
    AdamXweb Adam Kostarelas
    GPG key ID: 78021768CFE22200
    Verified
    Learn about vigilant mode
    Copy the full SHA
    e84b1b0 View commit details
5 changes: 3 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -25,6 +25,7 @@ Follow the prompts
The script supports the following flags
- `-c` Left hand side tab close button
- `-w` Left hand side window close button
- `-p` Makes tabs height compact like current Safari
- `-f` To specify the default firefox folder (it will try to find the profile folder to place the theme within)
- `-l` Default location of most Linux installations
- `-u` Remove the animation on URL bar to be clickable throughout
@@ -40,10 +41,10 @@ e.g. To install with script, with the tab close button left hand side: `bash ins
Make sure to right click and Customize Toolbar. From here, drag the new tab button up to the toolbar out of the tab section.

Install with the following modifications for Safari-like experience
` bash ./install.sh -c -n -s -e`
` bash ./install.sh -c -n -s -e -p`

This will give you a look like this:
![Preview](https://user-images.githubusercontent.com/6800453/214499429-36413e29-0167-400c-969f-46d2d7082559.png)
![Preview](https://private-user-images.githubusercontent.com/6800453/391326706-1bb5ffe4-3320-4a8a-8702-648ce3b9f23c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzMwNTE0OTcsIm5iZiI6MTczMzA1MTE5NywicGF0aCI6Ii82ODAwNDUzLzM5MTMyNjcwNi0xYmI1ZmZlNC0zMzIwLTRhOGEtODcwMi02NDhjZTNiOWYyM2MucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MTIwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDEyMDFUMTEwNjM3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTZjMzgyM2Y0NzMzZmY2NjE5ZmU4MDhiYzc2OGQyYzcwZjE2NWIwNzhmNmM2ZmQ1MTMyZWFhYWI1YzRkNWI0MyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.4pM0PJgYSjpWUnJRiIYVphkyIMKA1wnGDALqaIHXgk8)

### Manual installation (MacOS & Windows)

2 changes: 1 addition & 1 deletion chrome/WhiteSur/drag-window-headerbar-buttons.css
View file
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

:root[tabsintitlebar] #nav-bar *,
:root[tabsintitlebar] #titlebar .titlebar-button,
:root[tabsintitlebar] #TabsToolbar .titlebar-button,
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
-moz-window-dragging: drag;
}
2 changes: 1 addition & 1 deletion chrome/WhiteSur/hide-window-buttons.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox-container {
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar .titlebar-buttonbox-container {
display: none !important;
}

8 changes: 4 additions & 4 deletions chrome/WhiteSur/parts/csd.css
View file
Original file line number Diff line number Diff line change
@@ -36,8 +36,8 @@ GNOME CSD styles for headerbar on Firefox [tabsintitlebar] @namespace xul url("h
}

/* Window buttons box */
:root[tabsintitlebar]:not([inFullscreen]) #titlebar .titlebar-buttonbox-container,
:root[tabsintitlebar]:not([inFullscreen]) #titlebar-buttonbox-container {
:root[tabsintitlebar]:not([inFullscreen]) #TabsToolbar .titlebar-buttonbox-container,
:root[tabsintitlebar]:not([inFullscreen]) #TabsToolbar-buttonbox-container {
-moz-appearance: none !important;
padding: 0 3px 0 4px;
position: absolute !important;
@@ -62,7 +62,7 @@ GNOME CSD styles for headerbar on Firefox [tabsintitlebar] @namespace xul url("h
}

/* Window buttons box */
:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container {
padding: 0 3px 0 4px;
left: 8px;
right: auto;
@@ -81,7 +81,7 @@ GNOME CSD styles for headerbar on Firefox [tabsintitlebar] @namespace xul url("h
}

/* Remove default style of titlebar */
:root[tabsintitlebar] #titlebar {
:root[tabsintitlebar] #TabsToolbar {
-moz-appearance: none !important;
}

5 changes: 2 additions & 3 deletions chrome/WhiteSur/parts/headerbar-urlbar.css
View file
Original file line number Diff line number Diff line change
@@ -57,9 +57,8 @@ toolbarspring {
}

#urlbar[breakout][breakout-extend] {
left: 0 !important;
top: 0 !important;
width: 100% !important;
top: 9.5px !important;
width: var(--urlbar-width) !important;
z-index: 5 !important;
padding: 0 !important;
}
7 changes: 1 addition & 6 deletions chrome/WhiteSur/parts/headerbar.css
View file
Original file line number Diff line number Diff line change
@@ -91,12 +91,7 @@ toolbar .toolbarbutton-1{
max-height: 29px !important;
transition: box-shadow 200ms;
}
#urlbar[breakout]{
top: 3.5px !important;
}
#urlbar[breakout][breakout-extend]{
top: 2px !important;
}

#nav-bar-customization-target{
max-height: 36px !important;
}
12 changes: 6 additions & 6 deletions chrome/WhiteSur/parts/icons.css
View file
Original file line number Diff line number Diff line change
@@ -377,12 +377,12 @@ menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon {
.close-icon:not(.tab-close-button) image,
.identity-popup-permission-remove-button .button-icon,

:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon,
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-close .toolbarbutton-icon,
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-max .toolbarbutton-icon,
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-min .toolbarbutton-icon,
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon,

#privatebrowsing-button .toolbarbutton-icon,
3 changes: 1 addition & 2 deletions chrome/WhiteSur/parts/tabsbar.css
View file
Original file line number Diff line number Diff line change
@@ -75,8 +75,7 @@ tab>stack {
/* Tab labels */
tab {
color: var(--gnome-tabbar-tab-color) !important;
font-family: Cantarell, inherit;
font-weight: bold;
font-family: SF Pro;, inherit;
font-size: 1em;
}

92 changes: 46 additions & 46 deletions chrome/WhiteSur/parts/titlebutton-dark.css
View file
Original file line number Diff line number Diff line change
@@ -1,119 +1,119 @@
@media (prefers-color-scheme: dark) {
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #titlebar #titlebar-close {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-close {
background: url("../titlebuttons/titlebutton-close-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #titlebar #titlebar-max {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-max {
background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #titlebar #titlebar-min {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-min {
background: url("../titlebuttons/titlebutton-minimize-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max {
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar #TabsToolbar-max {
background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #titlebar #titlebar-close:hover {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-close:hover {
background: url("../titlebuttons/titlebutton-close-hover-inactive-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #titlebar #titlebar-max:hover {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-hover-inactive-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #titlebar #titlebar-min:hover {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-hover-inactive-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover,
:root[tabsintitlebar] #titlebar #titlebar-close:hover {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-close:hover,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-close:hover {
background: url("../titlebuttons/titlebutton-close-hover-dark.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover,
:root[tabsintitlebar] #titlebar #titlebar-max:hover {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-max:hover,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-hover-dark.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover,
:root[tabsintitlebar] #titlebar #titlebar-min:hover {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-min:hover,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-hover-dark.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover {
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar #TabsToolbar-max:hover {
background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active,
:root[tabsintitlebar] #titlebar #titlebar-close:active {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-close:active,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-close:active {
background: url("../titlebuttons/titlebutton-close-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active,
:root[tabsintitlebar] #titlebar #titlebar-max:active {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-max:active,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-max:active {
background: url("../titlebuttons/titlebutton-maximize-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active,
:root[tabsintitlebar] #titlebar #titlebar-min:active {
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox:hover .titlebar-min:active,
:root[tabsintitlebar] #TabsToolbar #TabsToolbar-min:active {
background: url("../titlebuttons/titlebutton-minimize-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active {
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar .titlebar-buttonbox:active .titlebar-max:active,
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar #TabsToolbar-max:active {
background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close {
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive #TabsToolbar-close {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max {
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive #TabsToolbar-max {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min {
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive #TabsToolbar-min {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max {
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar:-moz-window-inactive #TabsToolbar-max {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover {
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive #TabsToolbar-close:hover {
background: url("../titlebuttons/titlebutton-close-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover {
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive #TabsToolbar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover {
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #TabsToolbar:-moz-window-inactive #TabsToolbar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover {
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #TabsToolbar:-moz-window-inactive #TabsToolbar-max:hover {
background: url("../titlebuttons/titlebutton-unmaximize-backdrop-dark.svg") no-repeat;
background-size: contain;
}
Loading