jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CSD: Use rounded title buttons by default, related to #77 

Also remove FF60 obsolete code
This commit is contained in:
Rafael Mardojai CM 2020-01-28 18:02:21 -05:00
parent f25498c45b
commit a7239d64c7
4 changed files with 73 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -124,9 +124,7 @@ Alternatively you can run installation script with `-g` flag to auto install GNO
*This feature is included by default for Firefox 70+*
- **rounded-title-buttons.css** *GNOMISH*
Rounded title buttons (headerbar window controls).
- **active-tab-contrast.css**

149
theme/parts/csd.css
View File

@ -32,68 +32,8 @@
}
}
/* Fullscreen headerbar padding for 1 button */
:root[tabsintitlebar][inFullscreen] #nav-bar {
padding-right: 50px !important;
}
/* Window buttons box */
:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container,
:root[tabsintitlebar] #titlebar-buttonbox-container,
:root[tabsintitlebar][inFullscreen] #window-controls {
-moz-appearance: none !important;
padding: 6px 3px;
position: absolute !important;
right: 0;
top: 0;
display: block !important;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox {
-moz-appearance: none !important;
}
/* Window buttons style */
:root[tabsintitlebar] #titlebar .titlebar-button,
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
-moz-appearance: none !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-color: transparent !important;
border-radius: 5px !important;
height: 34px;
margin: 0 3px !important;
padding: 0 2px !important;
width: 34px;
}
:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
width: 16px;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button .toolbarbutton-icon,
:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton .toolbarbutton-icon {
opacity: .3 !important;
}
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):hover,
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
background-image: var(--gnome-button-hover-background);
border-color: var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
box-shadow: var(--gnome-button-box-shadow);
}
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):active,
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
background: var(--gnome-button-active-background);
box-shadow: var(--gnome-button-active-box-shadow);
border-color: var(--gnome-button-active-border-color) !important;
}
/* Remove close and minimize buttons from fullscreen buttons */
:root[tabsintitlebar][inFullscreen] #window-controls #close-button,
:root[tabsintitlebar][inFullscreen] #window-controls #minimize-button {
display: none;
}
/* Left window buttons */
@media (-moz-gtk-csd-reversed-placement) {
/* Left window buttons */
@media (-moz-gtk-csd-reversed-placement) {
:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
padding-right: 3px !important;
}
@ -126,6 +66,18 @@
}
}
/* Fullscreen headerbar padding for 1 button */
:root[tabsintitlebar][inFullscreen] #nav-bar {
padding-right: 50px !important;
}
/* Remove close and minimize buttons from fullscreen buttons */
:root[tabsintitlebar][inFullscreen] #window-controls #close-button,
:root[tabsintitlebar][inFullscreen] #window-controls #minimize-button,
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container {
display: none !important;
}
/* Remove tabsbar titlebar blank spaces */
:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
display: none !important;
@ -147,21 +99,66 @@
padding-bottom: 0 !important;
}
/* FF 60 fixes */
:root[tabsintitlebar] #titlebar[style="margin-bottom: -1px;"] {
margin-bottom: -38px !important;
}
:root[tabsintitlebar] #titlebar-content {
/* Window buttons box */
:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container,
:root[tabsintitlebar] #titlebar-buttonbox-container,
:root[tabsintitlebar][inFullscreen] #window-controls {
-moz-appearance: none !important;
padding: 6px 3px;
position: absolute !important;
right: 0;
top: 0;
display: block !important;
position: absolute;
height: 38px !important;
top: 0 !important;
}
:root[tabsintitlebar] #titlebar-buttonbox {
height: auto !important;
padding: 0 !important;
margin: 0 !important;
:root[tabsintitlebar] #titlebar .titlebar-buttonbox {
-moz-appearance: none !important;
}
:root[tabsintitlebar] #titlebar-content .titlebar-button {
padding: 0 7px !important;
/* Window buttons style */
:root[tabsintitlebar] #titlebar .titlebar-button,
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
-moz-appearance: none !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-color: transparent !important;
border-radius: 5px !important;
padding: 0 2px !important;
}
:root[tabsintitlebar] #titlebar .titlebar-button {
border-radius: 100% !important;
height: 30px !important;
margin: 2px 5px !important;
width: 30px;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button {
border-color: var(--gnome-inactive-button-border-color) !important;
}
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
border-radius: 5px !important;
height: 34px;
margin: 0 3px !important;
width: 34px;
}
:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
width: 16px;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button .toolbarbutton-icon,
:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton .toolbarbutton-icon {
opacity: .3 !important;
}
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):hover,
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
background-image: var(--gnome-button-hover-background);
border-color: var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
box-shadow: var(--gnome-button-box-shadow);
}
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):active,
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
background: var(--gnome-button-active-background);
box-shadow: var(--gnome-button-active-box-shadow);
border-color: var(--gnome-button-active-border-color) !important;
}

14
theme/rounded-title-buttons.css
View File

@ -1,14 +0,0 @@
/* 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: 100% !important;
height: 30px !important;
width: 30px !important;
margin: 2px 5px !important;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button {
border-color: var(--gnome-inactive-button-border-color) !important;
}

2
userChrome.css
View File

@ -17,8 +17,6 @@
* This feature is included by default for Firefox 70+ */
/*@import "theme/matching-autocomplete-width.css"; /**/
/* Rounded title buttons (headerbar window controls) (GNOMISH) */
/*@import "theme/rounded-title-buttons.css"; /**/
/* Active tab high contrast */
/*@import "theme/active-tab-contrast.css"; /**/