working okay

userChrome.css tab states

 @import url(uc-globals.css);
 /*@import url(uc-variables.css);*/
 @import url(uc-panels.css);
 @import url(uc-app-menu.css);
 @import url(uc-findbar.css);
 @import url(uc-ctrl-tab.css);
 @import url(uc-bookmarks.css);
 @import url(resources/in-content/library.css);
 @import url(resources/in-content/downloads.css);
 @import url(uc-popups.css);
 @import url(uc-search-mode-icons.css);
 @import url(uc-extensions.css);
 @import url(uc-unified-extensions.css);
 @import url(uc-sidebar.css);
 @import url(uc-misc.css);
 @import url(uc-search-one-offs.css);
 @import url(uc-context-menu-icons.css);
 @import url(uc-context-menus.css);
 @import url(components/integrated_searchbar_popup.css);
 @import url(compact-bookmarks.css);
 @import url(sliding-bookmarks-bar.css);
 @import url(components/clean_extensions_menu.css);
 @import url(addons.css);
 @import url(components/colored_soundplaying_tab.css);
 @import url(components/search_bar_transparent_background.css);
 @import url(components/url_bar_no_border.css);
 /*@import url(components/autohide_sidebar.css);*/
 @import url(components/dark_additional_windows.css);
 @import url(components/overlay_tab_audio_icons.css);
 @import url(components/urlbar_container_color_border.css);
 @import url(components/tab_closing_animation.css);
 /*@import url(components/hide_tabs_with_one_tab_w_window_controls.css);
 @import url(components/buttonlike_toolbarbuttons.css);*/
 @import url(components/integrated_searchbar_popup.css);
 @import url(components/tab_closing_animation.css);
 /*@import url(components/shrinking_pinned_tabs.css);*/
 @import url(components/centered_tab_content.css);
 /*@import url(components/tab_line_loading_indicator.css);*/
 @import url(components/dark_checkboxes_and_radios.css);
 @import url(components/tab_close_button_always_on_hover.css);
 @import url(components/compact_extensions_panel.css);
 @import url(custom-chrome.css);

 /* Remove Tab When Only One *
 #tabbrowser-tabs tab:first-of-type:last-of-type {
     visibility: collapse !important;
 }

 /* Remove Tab When Only One *
 #tabbrowser-tabs tab:first-of-type:last-of-type {
     visibility: collapse !important;
 }
/* Add all around shadow-looks like an Outline */
 /*.tabbrowser-tab[selected] .tab-icon-image {
     filter:
         drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white) !important;
     border-radius: 15% !important;
 }*/
 /* Sidebar background color change */
 /* Bookmarks bar background color */
 #PersonalToolbar {
     background-color: var(--firefoxcss-bookmarks-bg-color) !important;
     backdrop-filter: blur(10px) !important;
 }

 /* Remove empty space from tabs bar */
 #TabsToolbar .titlebar-spacer[type="pre-tabs"],
 #TabsToolbar .titlebar-spacer[type="post-tabs"],
 #TabsToolbar .titlebar-spacer,
 /* Private browser icons remove and change main menu to purple */
 #private-browsing-indicator-with-label,
 .private-browsing-indicator {
     display: none !important;
 }

 .tabbrowser-tab .tab-label-container .tab-label {
     transition: color 250ms ease !important;
 }

 .tabbrowser-tab[fadein]:not([style^="max-width"]) {
     max-width: 100vw !important
 }

 /*
 #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background:not(:-moz-lwtheme) {
     box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important;
 }

 #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background:not(:-moz-lwtheme) {
     box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important;
 }

 :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme),
 :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
     --focus-outline-color: AccentColor !important;
 }

 :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #urlbar[open]>#urlbar-background,
 :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #urlbar[open]>#urlbar-background {
     border-color: color-mix(in srgb,
             AccentColor 50%,
             transparent) !important;}
     /* Like: --toolbar-field-focus-border-color */


 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_scrollbuttons.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

 /* This should hide tabs scrollbuttons in a manner that preserves the ability to move tab strip when reordering tabs */

 #tabbrowser-arrowscrollbox {
     --uc-compat-scrollbutton-margin: 1px !important;
     /* compatibility for non_floating_sharp_tabs.css */
     --uc-scrollbutton-up-background: linear-gradient(-90deg, transparent, var(--lwt-accent-color) 35%) !important;
     --uc-scrollbutton-down-background: linear-gradient(90deg, transparent, var(--lwt-accent-color) 35%) !important;
 }

 #tabbrowser-tabs:not([movingtab]) {
     --uc-scroll-visibility: hidden !important;
 }

 #tabbrowser-tabs[overflow] {
     --uc-scrollbox-base-margin: -31px;
     --uc-scrollbox-margin: calc(var(--uc-scrollbox-base-margin) + var(--tab-shadow-max-size));
 }

 :root[uidensity="compact"] #tabbrowser-tabs[overflow] {
     --uc-scrollbox-base-margin: -25px;
 }

 #tabbrowser-arrowscrollbox:not([scrolledtostart="true"]) {
     --uc-scrollbox-overflow-start-margin: -1px;
 }

 #scrollbutton-up~spacer {
     visibility: visible !important;
 }

 spacer[part="overflow-start-indicator"] {
     order: -1;
     margin-inline-start: var(--uc-scrollbox-overflow-start-margin, -0.5px) !important;
 }

 spacer[part="overflow-end-indicator"] {
     order: 2;
 }

 #scrollbutton-down[disabled="true"]>.toolbarbutton-icon,
 #scrollbutton-up[disabled="true"]>.toolbarbutton-icon {
     opacity: 0.4;
 }

 #scrollbutton-up,
 #scrollbutton-down {
     position: relative;
     z-index: 1;
     visibility: var(--uc-scroll-visibility, visible);
     background-clip: border-box !important;
     background-origin: initial !important;
     background-repeat: no-repeat !important;
     opacity: 1 !important;
 }

 #scrollbutton-up {
     margin-inline-start: calc(0px - var(--tab-shadow-max-size, 0px)) !important;
     background-image: var(--uc-scrollbutton-up-background);
 }

 #scrollbutton-down {
     margin-inline-end: calc(0px - var(--tab-shadow-max-size, 0px)) !important;
     background-image: var(--uc-scrollbutton-down-background);
 }

 .scrollbox-clip {
     margin-inline: var(--uc-scrollbox-margin, 0px);
 }

 /* Need to reset some things for other scrollboxes */
 .menupopup-arrowscrollbox {
     --tab-shadow-max-size: 0 !important;
 }

 :root[lwtheme-image][lwtheme-brighttext] .tabbrowser-tab {
     --tab-contrast-bgcolor: rgba(0, 0, 0, 0.25);
     background-color: rgba(0, 0, 0, 0.5) !important;
 }

 :root[lwtheme-image][lwtheme-darktext] .tabbrowser-tab {
     --tab-contrast-bgcolor: rgba(255, 255, 255, 0.25);
     background-color: rgba(255, 255, 255, 0.5) !important;
 }

 #TabsToolbar #firefox-view-button[open]>.toolbarbutton-icon:-moz-lwtheme,
 #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-attachment: scroll, scroll, scroll, fixed !important;
     background-color: transparent !important;
     background-image: linear-gradient (linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), linear-gradient(var(--tab-contrast-bgcolor), var(--tab-contrast-bgcolor)), var(--lwt-header-image, none) !important;
             background-position: 0 0, 0 0, 0 0, right top !important;
             background-repeat: repeat-x, repeat-x, repeat, no-repeat !important;
             background-size: auto 100%, auto 100%, auto auto, auto auto !important;
     }

     #private-browsing-indicator-with-label,
     .private-browsing-indicator {
         display: none
     }

     :root[privatebrowsingmode="temporary"] #PanelUI-menu-button {
         list-style-image: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
     }

     /* This style simply makes the tab stay visible while it is being closed as well as makes the transition a bit slower */

     .tabbrowser-tab:not([pinned], [fadein]) {
         transition-duration: 240ms, 240ms !important;
         transition-timing-function: ease-out, ease-out !important;
         visibility: visible !important;
     }

     .tab-content:not([fadein], [pinned]) .tab-icon-pending:not([fadein]),
     .tab-icon-image:not([fadein]),
     .tab-label:not([fadein]) {
         visibility: visible !important;
     }

     .tab-label:not([fadein]) {
         display: flex !important;
     }

     /* Makes black favicons more visible on dark background, contrast will be lowered though *
 .tab-icon-image {
     filter: invert(40%) contrast(250%) saturate(250%) !important;
 }

     .tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected=true], [multiselected]) {
         background-color: color-mix(in srgb, currentColor 17%, transparent) !important;
     }