diff --git a/chrome/global/colors.css b/chrome/global/colors.css index 6d729be..3707b5c 100644 --- a/chrome/global/colors.css +++ b/chrome/global/colors.css @@ -133,3 +133,12 @@ --button-primary-active-bgcolor: unset !important; --button-primary-color: unset !important; } + +/* make the titlebar buttons black/white on default themes */ +:root:not(:-moz-lwtheme)[tabsintitlebar] .titlebar-buttonbox { + color: #000 !important; +} + +:root[lwt-default-theme-in-dark-mode="true"][tabsintitlebar] .titlebar-buttonbox { + color: #fff !important; +} diff --git a/chrome/icons/icons.css b/chrome/icons/icons.css index ebdf196..e3506b1 100644 --- a/chrome/icons/icons.css +++ b/chrome/icons/icons.css @@ -1,5 +1,34 @@ /* EdgeFr-Fox by bmFtZQ - icons.css */ +/* windows 11 style window controls (no known way to detect between windows 10 +and 11 so applied to both) */ +@media (-moz-os-version: windows-win10) { + .titlebar-min { + list-style-image: url("win11-minimize.svg") !important; + } + + .titlebar-max { + list-style-image: url("win11-maximize.svg") !important; + } + + .titlebar-restore { + list-style-image: url("win11-restore.svg") !important; + } + + .titlebar-close { + list-style-image: url("win11-close.svg") !important; + } + + /* darkmode icon that uses thicker strokes and easier to see (only needed at + 1x scale) */ + @media (max-resolution: 1dppx) { + :root[lwthemetextcolor="bright"] .titlebar-close, + .titlebar-close:hover { + list-style-image: url("win11-close-dark.svg") !important; + } + } +} + #appMenu-multiView .subviewbutton, #overflowMenu-customize-button { -moz-context-properties: fill, fill-opacity !important; diff --git a/chrome/icons/win11-close-dark.svg b/chrome/icons/win11-close-dark.svg new file mode 100644 index 0000000..ccc02b4 --- /dev/null +++ b/chrome/icons/win11-close-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/win11-close.svg b/chrome/icons/win11-close.svg new file mode 100644 index 0000000..8fa6779 --- /dev/null +++ b/chrome/icons/win11-close.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/win11-maximize.svg b/chrome/icons/win11-maximize.svg new file mode 100644 index 0000000..81f1254 --- /dev/null +++ b/chrome/icons/win11-maximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/win11-minimize.svg b/chrome/icons/win11-minimize.svg new file mode 100644 index 0000000..ee4807a --- /dev/null +++ b/chrome/icons/win11-minimize.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/win11-restore.svg b/chrome/icons/win11-restore.svg new file mode 100644 index 0000000..09f94a2 --- /dev/null +++ b/chrome/icons/win11-restore.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index 70c71db..e8fcae8 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -21,7 +21,7 @@ #tabbrowser-tabs[movingtab]>#tabbrowser-arrowscrollbox>.tabbrowser-tab[fadein]:not([selected]):not([multiselected]), .tabbrowser-tab[tab-grouping], .tabbrowser-tab[tabdrop-samewindow] { - transition: transform 150ms cubic-bezier(0, .75, .25, 1) !important; + transition: transform 150ms cubic-bezier(0, .75, .25, 1) !important; } :root:is([inFullscreen], :not([tabsintitlebar])) #titlebar { @@ -31,7 +31,7 @@ /* hide space above tabs when maximised for non-macOS versions of Firefox */ @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root:is([inFullscreen], :not([tabsintitlebar]), [sizemode="maximized"]) #titlebar, - #toolbar-menubar:not([inactive]) + #TabsToolbar { + #toolbar-menubar:not([inactive])+#TabsToolbar { --tab-block-margin: 0px !important; } } @@ -240,13 +240,15 @@ toolbarbutton[part="scrollbutton-down"] { } /* mac titlebar buttons */ -@media (-moz-mac-big-sur-theme:0) { - .titlebar-buttonbox { - margin-inline: 10px !important; - } +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { + @media (-moz-mac-big-sur-theme:0) { + .titlebar-buttonbox { + margin-inline: 10px !important; + } - .titlebar-buttonbox-container { - margin-inline-end: -8px !important; + .titlebar-buttonbox-container { + margin-inline-end: -8px !important; + } } }