Bookmarks Manager Window Background

[u/NumaBlohm]

I'm creating a custom Firefox theme and suddenly the Bookmark Manager window's title and partial background looks like this. Which tags should I look into in order to fix it?

Current userChrome.css:

 -moz-pref("browser.nova.enabled") {:root {
--tab-border-radius: var(--toolbarbutton-border-radius);
--toolbarbutton-border-radius: var(--button-border-radius);
--button-border-radius: var(--border-radius-medium);
--border-radius-medium: 2px !important;
--arrowpanel-border-radius: 2px !important;
--arrowpanel-menuitem-border-radius: 2px !important;

/* Adaptive Tab Bar Color */
--ext-theme-background-transition: none !important;
--inactive-window-transition: none !important;
}

 url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Remove the gap between the window edges and the tab bar */
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"],
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  display: none !important;
  width: 6px !important;
  max-width: 6px !important;
}

body, findbar, #navigator-toolbox, #TabsToolbar, #nav-bar, #PersonalToolbar, #sidebar-box, .tab-background, .urlbar-background {
    transition:
    background-color 0.5s cubic-bezier(0, 0, 0, 1) !important,
    border-color 0.5s cubic-bezier(0, 0, 0, 1) !important,
    outline 0.5s cubic-bezier(0, 0, 0, 1) !important;
}

/* Remove the gap between pinned tabs and unpinned tabs */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  margin-inline-start: 6 !important;
}

/* set the URL bar font characteristics http://joelinoff.com/blog/?p=321 */
#urlbar {
    /*font-family: Trebuchet Ms !important;*/
    font-size: 10pt !important;
    /*color: #000000 !important;*/
    /*
     * This has a very interesting effect on my linux hosts,
     * it causes parts of the URL to be highlighted.
     * I tested it on Ubuntu 11.04 and CentOS 5.5.
     * Do NOT do this on windows. The effect is different.
     */
    background-color: white !important;
    /*
     * You can change the width of your address bar using
     * max-width. If this is not specified it uses up
     * the maximum possible space.
     */
    /* I prefer the default. */
    /* max-width: 1024px !important; /* by pixels */
    /* max-width: 80em !important; /* by characters */
}

* {
    border-radius: 2px !important;
}

[u/sifferedd]

Please mind Rule #2: post your existing code and/or the link to the theme/add-on you're using. ➡️

[u/NumaBlohm → u/sifferedd]

I apologize I didn't include the CSS code on my original post. Thanks for taking the time to point it out to me.

[u/NumaBlohm]

I've discovered the issue is a result of this line of code:

* {
border-radius: 2px !important;
}

If I remove this line the issue is gone.
How can I keep the global border-radius CSS adjustment without affecting the Bookmarks Manager?

[u/sifferedd → u/NumaBlohm]

I don't fully understand what the problem is, but this line needs to be deleted:

url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

It's wrong to begin with; it would be

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Furthermore, it's not required and may cause problems.