Skip to content

Commit

Permalink
Fixed firefox theme issues
Browse files Browse the repository at this point in the history
  • Loading branch information
vinceliuice committed Oct 3, 2021
1 parent f3ed0f6 commit 41e8c5b
Show file tree
Hide file tree
Showing 8 changed files with 45 additions and 20 deletions.
4 changes: 2 additions & 2 deletions src/firefox/chrome/Fluent/colors/dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -113,10 +113,10 @@
/* TitleButtons */
--gnome-titlebutton-min-hover-background: rgba(255, 255, 255, 0.15);
--gnome-titlebutton-max-hover-background: rgba(255, 255, 255, 0.15);
--gnome-titlebutton-close-hover-background: rgba(255, 255, 255, 0.15);
--gnome-titlebutton-close-hover-background: rgba(229, 115, 115, 1);
--gnome-titlebutton-min-active-background: rgba(255, 255, 255, 0.25);
--gnome-titlebutton-max-active-background: rgba(255, 255, 255, 0.25);
--gnome-titlebutton-close-active-background: rgba(255, 255, 255, 0.25);
--gnome-titlebutton-close-active-background: rgba(229, 57, 53, 1);

/* Switch */
--gnome-switch-background: rgba(255, 255, 255, 0.65);
Expand Down
4 changes: 2 additions & 2 deletions src/firefox/chrome/Fluent/colors/light.css
Original file line number Diff line number Diff line change
Expand Up @@ -112,10 +112,10 @@
/* TitleButtons */
--gnome-titlebutton-min-hover-background: rgba(0, 0, 0, 0.1);
--gnome-titlebutton-max-hover-background: rgba(0, 0, 0, 0.1);
--gnome-titlebutton-close-hover-background: rgba(0, 0, 0, 0.1);
--gnome-titlebutton-close-hover-background: rgba(229, 115, 115, 1);
--gnome-titlebutton-min-active-background: rgba(0, 0, 0, 0.2);
--gnome-titlebutton-max-active-background: rgba(0, 0, 0, 0.2);
--gnome-titlebutton-close-active-background: rgba(0, 0, 0, 0.2);
--gnome-titlebutton-close-active-background: rgba(229, 57, 53, 1);

/* Switch */
--gnome-switch-background: rgba(0, 0, 0, 0.65);
Expand Down
7 changes: 7 additions & 0 deletions src/firefox/chrome/Fluent/parts/csd.css
Original file line number Diff line number Diff line change
Expand Up @@ -168,6 +168,13 @@
background: var(--gnome-titlebutton-close-active-background) !important;
}

:root[tabsintitlebar] #titlebar .titlebar-close:hover .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar #titlebar-close:hover .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-close:active .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar #titlebar-close:active .toolbarbutton-icon {
filter: invert(100%) brightness(200%) !important;
}

:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button {
opacity: .4 !important;
}
Expand Down
6 changes: 3 additions & 3 deletions src/firefox/chrome/Fluent/parts/headerbar-urlbar.css
Original file line number Diff line number Diff line change
Expand Up @@ -71,8 +71,10 @@ toolbarspring {
}

/* URL bar and Search bar's icons */
.urlbar-icon{
padding: 0 1px !important;
}

.urlbar-icon,
.identity-box-button,
#tracking-protection-icon-container {
border-radius: 3px !important;
Expand All @@ -93,15 +95,13 @@ toolbarspring {
margin-right: 2px !important;
}

.urlbar-icon:hover,
.identity-box-button:hover,
#tracking-protection-icon-container:hover {
background-color: var(--gnome-button-hover-background) !important;
border-color: transparent !important;
border-image: none !important;
}

.urlbar-icon[open],
.urlbar-icon:hover:active,
.identity-box-button[open],
.identity-box-button:hover:active,
Expand Down
8 changes: 8 additions & 0 deletions src/firefox/chrome/Fluent/parts/popups.css
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,14 @@ menupopup {
box-shadow: none !important;
}

#PlacesToolbar menupopup {
background: none !important;
padding: 3px 6px 8px !important;
margin-top: 0 !important;
border: none !important;
box-shadow: none !important;
}

menupopup menupopup {
margin: -5px 0 0 -4px;
}
Expand Down
10 changes: 0 additions & 10 deletions src/firefox/chrome/Fluent/rounded-title-buttons.css

This file was deleted.

20 changes: 20 additions & 0 deletions src/firefox/chrome/Fluent/square-window-buttons.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
/* Rounded title buttons (headerbar window controls) */

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

:root[tabsintitlebar] #titlebar .titlebar-button {
border-radius: 0 !important;
height: 30px !important;
width: 38px !important;
margin: 0 !important;
padding: 0 !important;
}

:root[tabsintitlebar] #titlebar .titlebar-close,
:root[tabsintitlebar] #titlebar #titlebar-close {
border-top-right-radius: 3px !important;
}

.titlebar-buttonbox-container {
margin: -2px -3px 0 !important;
}
6 changes: 3 additions & 3 deletions src/firefox/chrome/userChrome.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,9 @@
* the beginning of the line. To disable it, put the "/*" back.
*/

/* Square title buttons (headerbar window controls) (GNOMISH) */
/*@import "Fluent/square-window-buttons.css"; /**/

/* Hide the tab bar when only one tab is open (GNOMISH)
* You should move the new tab button somewhere else for this to work, because by
* default it is on the tab bar too. */
Expand All @@ -18,9 +21,6 @@
* This feature is included by default for Firefox 70+ */
/*@import "Fluent/matching-autocomplete-width.css"; /**/

/* Rounded title buttons (headerbar window controls) (GNOMISH) */
/*@import "Fluent/rounded-title-buttons.css"; /**/

/* Active tab high contrast */
/*@import "Fluent/active-tab-contrast.css"; /**/

Expand Down

0 comments on commit 41e8c5b

Please sign in to comment.