Compatibility Issues Solution

---

🔔🔔 Various flags are exclusively for v5.0.0.

Previous versions must edit the code directly by referring to Legacy tips.

---

This project makes on Manjaro KDE Firefox Nightly, tested with Windows 10 Nightly, Developer edition.

They are the OS and version that works best.

Windows 7 Powershell script not works

Powershell script not working with the following issues? Choco::#2459

Exception setting "SecurityProtocol": "Cannot convert value "3072" to type "System.Net.SecurityProtocolType" due to invalid enumeration values. Specify one o f the following enumeration values and try again. The possible enumeration values are "Ssl3, Tls"."
At line:1 char:35
+ [System.Net.ServicePointManager]:: <<<< SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/in stall.ps1'))
    + CategoryInfo          : InvalidOperation: (:) [], RuntimeException
    + FullyQualifiedErrorId : PropertyAssignmentException

Exception calling "DownloadString" with "1" argument(s): "The underlying connection was closed: An unexpected error occurred on a send."
At line:1 char:113
+ [System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString <<<< ('https://community.chocolatey.org/in stall.ps1'))
    + CategoryInfo          : NotSpecified: (:) [], MethodInvocationException
    + FullyQualifiedErrorId : DotNetMethodException

1. Download & Install .NET Framework - Download .NET Framework 4.8 direct link
2. Download & Install Windows Management Framework - Download Win7AndW2K8R2-KB3191566-x64.zip direct link

Windows 7 minimize maximize close buttons hidden

Refer #218

Download ff_win7_darkmode.reg and double-clicking on it.

Not works darkmode in contents

Refer #250

If privacy.resistFingerprinting is true, dark mode is not applied to general content.

• privacy.resistFingerprinting to false

Accent color at v102 or lower

Refer: #433 #437

There is a accent color-related breaking change of v103 version or higher. This is because Mozilla has completely removed the -moz-accent-color/-moz-accent-color-foreground property. mozilla/gecko-dev@4c5f201

Unlike selector issues, backward compatibility cannot be guaranteed.

Users with v102 or lower versions must use this option!!!

• userChrome.compatibility.accent_color to true

Header's background image rate(2500px >=)

Refer #170

• userChrome.compatibility.covered_header_image to true

Legacy

Change this code https://github.com/black7375/Firefox-UI-Fix/blob/ae2d5c89d02e7b6766478b422100547a5599e4e4/userChrome.css#L31-L35

  @media (min-width: 2500px) {
    :root[lwtheme-image] {
      background-size: cover;
    }
  }

Panel text cut off in some language

Refer #28 #40

• userChrome.compatibility.panel_cutoff to true

Legacy

Add this code

  /** Panel - View ************************************************************/
  :root #appMenu-popup panelview {
    width: 25em !important; /* can modify panel width, Original: 22.5em */
  }

White outline on the top of address bar

Refer #99

• userChrome.compatibility.navbar_top_border to true

Legacy

Add this code

  #nav-bar {
    box-shadow: none !important;
  }

Unselected Tab Separators - Color

Refer: #4

Before - After

• userChrome.compatibility.dynamic_separator to true

Legacy

Try to change background-color

• --tabs-border-color
• --lwt-selected-tab-background-color

  /** Unselected Tab - Divide line ********************************************/
  #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
  .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-child) .tab-background::before,
  #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab] .tab-background::after {
    /*codes*/
    background-color: var(--toolbarseparator-color) !important;
  }

Unselected Tab Separators - Don't show

Legacy

Try to add box-shadow

  /** Unselected Tab - Divide line ********************************************/
  #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
  .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-child) .tab-background::before,
  #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab] .tab-background::after {
    /*codes*/
    box-shadow: 0 0 1px 0 color-mix(in srgb, currentColor 60%, transparent);
  }

Linux's non nagative titlebar button

Before - After

• userChrome.compatibility.os.linux_non_native_titlebar_button to true (There is breaking change in the typo missing v6.2.1)

Tabs and toolbars to have different colors theme

If the color of the tab is different like the theme horizon-dark-rb9,

Before - After

• userChrome.tab.color_like_toolbar to false

Legacy

Remove follow lines:

https://github.com/black7375/Firefox-UI-Fix/blob/4948226abe1c93e716e6b690e6098eda1223c706/userChrome.css#L101-L105

  /** Selected Tab - Color like toolbar ***************************************/
  #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
    background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
  }

The top of tab bar is not clicked at windows

Rerfer: #384

• userChrome.compatibility.os.windows_maximized to true

Different context menu colors for content and toolbar

Refer #300

• widget.gtk.alt-theme.dark to false.

Flashing at navigation toolbar bottom

Refer #893

Add to following css:

/* userChrome.css */
#navigator-toolbox {
  border-bottom: none !important;
}