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;
+ }
}
}