Compatibility Issues Solution

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 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

Tabs and toolbars to have different colors theme

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

Unselected Tab Separators - Color

Refer: #4

• 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);
  }

Panel text cut off in some language

Refer #28 #40

• userChrome.compatibility.panel_cutoff to true

Legacy

Add this code ```css /** 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 ```css #nav-bar { box-shadow: none !important; } ```

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

Different context menu colors for content and toolbar

Refer #300

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