Akatsuki-Misaki/WhiteSur-gtk-theme
1
0
Fork 0
mirror of https://github.com/vinceliuice/WhiteSur-gtk-theme.git synced 2025-06-04 13:13:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed #1216

Browse Source
This commit is contained in:
vinceliuice 2025-02-12 11:45:03 +08:00
parent e7841d81b8
commit 83f8751767
1 changed files with 65 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
src/other/firefox/common/parts/csd.css
View File

@ -3,7 +3,8 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Headerbar top border corners rounded */ /* Headerbar top border corners rounded */
:root[sizemode="normal"]:not([gtktiledwindow="true"]) { :root[tabsintitlebar], :root[customtitlebar] {
&:root[sizemode="normal"]:not([gtktiledwindow="true"]) {
#nav-bar { #nav-bar {
border-top-left-radius: env(-moz-gtk-csd-titlebar-radius, 12px) !important; border-top-left-radius: env(-moz-gtk-csd-titlebar-radius, 12px) !important;
border-top-right-radius: env(-moz-gtk-csd-titlebar-radius, 12px) !important; border-top-right-radius: env(-moz-gtk-csd-titlebar-radius, 12px) !important;
@ -32,42 +33,20 @@
} }
/* Always show nav bar window buttons*/ /* Always show nav bar window buttons*/
#nav-bar > .titlebar-buttonbox-container { #nav-bar > .titlebar-buttonbox-container {
display: flex !important; display: flex !important;
}
#toolbar-menubar, #TabsToolbar {
/* Always hide menu bar window buttons*/
& > .titlebar-buttonbox-container {
display: none !important;
}
}
/* Window buttons: at least 1 button */
@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
:root:not([inFullscreen]) #nav-bar {
padding-right: 60px !important;
}
} }
/* Window buttons: at least 2 buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), #toolbar-menubar, #TabsToolbar {
(-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), /* Always hide menu bar window buttons*/
(-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { & > .titlebar-buttonbox-container {
:root:not([inFullscreen]) #nav-bar { display: none !important;
padding-right: 70px !important;
}
}
/* Window buttons: 3 buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
:root:not([inFullscreen]) #nav-bar {
padding-right: 90px !important;
} }
} }
/* Fullscreen headerbar padding for 1 button */ /* Fullscreen headerbar padding for 1 button */
:root[inFullscreen] #nav-bar { &:root[inFullscreen] #nav-bar {
padding-right: 50px !important; padding-right: 50px !important;
} }
@ -99,8 +78,8 @@
padding: 2px 0 !important; padding: 2px 0 !important;
--inactive-titlebar-opacity: 1 !important; --inactive-titlebar-opacity: 1 !important;
} }
:root[inFullscreen] #nav-bar .titlebar-button, &:root[inFullscreen] #nav-bar .titlebar-button,
:root[inFullscreen] #titlebar .titlebar-button { &:root[inFullscreen] #titlebar .titlebar-button {
height: 24px; height: 24px;
width: 24px; width: 24px;
margin: 12px 4px !important; margin: 12px 4px !important;
@ -114,18 +93,48 @@
} }
/* Remove close and minimize buttons from fullscreen buttons */ /* Remove close and minimize buttons from fullscreen buttons */
:root[inFullscreen] #window-controls #close-button, &:root[inFullscreen] #window-controls #close-button,
:root[inFullscreen] #window-controls #minimize-button, &:root[inFullscreen] #window-controls #minimize-button,
:root[inFullscreen] #titlebar .titlebar-buttonbox .titlebar-close, &:root[inFullscreen] #titlebar .titlebar-buttonbox .titlebar-close,
:root[inFullscreen] #titlebar .titlebar-buttonbox .titlebar-min, &:root[inFullscreen] #titlebar .titlebar-buttonbox .titlebar-min,
:root[inFullscreen] #nav-bar .titlebar-buttonbox .titlebar-close, &:root[inFullscreen] #nav-bar .titlebar-buttonbox .titlebar-close,
:root[inFullscreen] #nav-bar .titlebar-buttonbox .titlebar-min { &:root[inFullscreen] #nav-bar .titlebar-buttonbox .titlebar-min {
display: none !important; display: none !important;
} }
}
/* Window buttons: at least 1 button */
@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
:root[tabsintitlebar], :root[customtitlebar] {
&:root:not([inFullscreen]) #nav-bar {
padding-right: 50px !important;
}
}
}
/* Window buttons: at least 2 buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
(-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
(-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
:root[tabsintitlebar], :root[customtitlebar] {
&:root:not([inFullscreen]) #nav-bar {
padding-right: 70px !important;
}
}
}
/* Window buttons: 3 buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
:root[tabsintitlebar], :root[customtitlebar] {
&:root:not([inFullscreen]) #nav-bar {
padding-right: 96px !important;
}
}
}
/* Left window buttons */ /* Left window buttons */
@media (-moz-gtk-csd-reversed-placement) { @media (-moz-gtk-csd-reversed-placement) {
:root:not([inFullscreen]) #nav-bar { :root[tabsintitlebar], :root[customtitlebar] {
&:root:not([inFullscreen]) #nav-bar {
padding-right: 6px !important; padding-right: 6px !important;
} }
@ -138,28 +147,35 @@
} }
/* Fullscreen headerbar padding for 1 button */ /* Fullscreen headerbar padding for 1 button */
:root[inFullscreen] #nav-bar { &:root[inFullscreen] #nav-bar {
padding-left: 50px !important; padding-left: 50px !important;
} }
}
/* Window controls: at least 1 button */ /* Window controls: at least 1 button */
@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) { @media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
:root:not([inFullscreen]) #nav-bar { :root[tabsintitlebar], :root[customtitlebar] {
padding-left: 60px !important; &:root:not([inFullscreen]) #nav-bar {
padding-left: 50px !important;
} }
} }
}
/* Window controls: at least 2 buttons */ /* Window controls: at least 2 buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
(-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
(-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
:root:not([inFullscreen]) #nav-bar { :root[tabsintitlebar], :root[customtitlebar] {
&:root:not([inFullscreen]) #nav-bar {
padding-left: 70px !important; padding-left: 70px !important;
} }
}
} }
/* Window controls: 3 buttons */ /* Window controls: 3 buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
:root:not([inFullscreen]) #nav-bar { :root[tabsintitlebar], :root[customtitlebar] {
padding-left: 90px !important; &:root:not([inFullscreen]) #nav-bar {
padding-left: 96px !important;
}
} }
} }
} }