`urlbar_popup_full_width.css` makes url bar popup transparent

[sahinakkaya]

This started only recently probably after Firefox update. I am on MacOS and Firefox version is 119.0

My userChrome.css file in case it is required:

/* Example userChrome.css file */

/* Import your desired components first */

@import url(chrome/navbar_tabs_oneliner.css);
@import url(chrome/vertical_bookmarks_toolbar.css);
@import url(chrome/button_effect_icon_glow.css);
@import url(chrome/button_effect_scale_onclick.css);
@import url(chrome/combined_favicon_and_tab_close_button.css);
@import url(chrome/inline_tab_audio_icons.css);
@import url(chrome/curved_tabs.css);
@import url(chrome/floating_findbar_on_top.css);
@import url(chrome/iconized_main_menu.css);
@import url(chrome/page_action_buttons_on_urlbar_hover.css);
@import url(chrome/urlbar_popup_full_width.css);
@import url(chrome/tab_effect_scale_onclick.css);
@import url(chrome/tabs_fill_available_width.css);
@import url(chrome/navigation_buttons_inside_urlbar.css);
@import url(chrome/dark_context_menus.css);
@import url(chrome/dark_additional_windows.css);
@import url(chrome/dark_checkboxes_and_radios.css);
@import url(chrome/minimal_text_fields.css);

/* Apply your custom modifications after imports */

:root{
  /* --toolbar-bgcolor: rgb(36,44,59) !important; */
  /* --uc-menu-bkgnd: var(--toolbar-bgcolor); */
  /* --arrowpanel-background: var(--toolbar-bgcolor) !important; */
  /* --autocomplete-popup-background: var(--toolbar-bgcolor) !important; */
  /* --uc-menu-disabled: rgb(90,90,90) !important; */
  /* --lwt-toolbar-field-focus: rgb(36,44,59) !important; */
}

#sidebar-box{ --sidebar-background-color: var(--toolbar-bgcolor) !important; }
window.sidebar-panel{ --lwt-sidebar-background-color: rgb(36,44,59) !important; }

#sidebar-box{ --sidebar-background-color: var(--toolbar-bgcolor) !important; }
window.sidebar-panel{ --lwt-sidebar-background-color: rgb(36,44,59) !important; }

  :root:not([inDOMFullscreen]){
    --uc-vertical-toolbar-width: 40px;
  }
#browser{ --uc-vertical-toolbar-width: 10 }
#PersonalToolbar{
  transition: transform 50ms ease-in-out 500ms;
  transform: rotateY(85deg) translate(120px, 0px);
  transform-origin: left;
  z-index: 2;
}
#PersonalToolbar:hover{
  transition-delay: 0ms;
  transform: rotateY(0deg) translate(0px, 0px);
}

[MrOtherGuy]

This is practically #315 again. I have added a workaround to that style in 7082fc7 because light-dark() function doesn't work properly in 119 (but does in 120)

[sahinakkaya]

Thank you very much!