diff --git a/Compatibility-Issues-Solution.md b/Compatibility-Issues-Solution.md new file mode 100644 index 0000000..c7b85cf --- /dev/null +++ b/Compatibility-Issues-Solution.md @@ -0,0 +1,29 @@ +## Tabs and toolbars to have different colors theme + +Remove follow lines: + +https://github.com/black7375/Firefox-UI-Fix/blob/4948226abe1c93e716e6b690e6098eda1223c706/userChrome.css#L101-L105 + +```css + /** 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 + +Try to change `background-color` [#4](https://github.com/black7375/Firefox-UI-Fix/issues/4) + +- `--tabs-border-color` +- `--lwt-selected-tab-background-color` + +```css + /** Unselected Tab - Divide line ********************************************/ + .tab-content::before, + .tab-content::after { + /*codes*/ + background-color: var(--toolbarseparator-color) !important; + /*codes*/ + } +``` \ No newline at end of file