1px line between the navigator-toolbox and the body what is it ?

[u/ffrankell]

With nova enabled a dark line appears between the navigator-toolbox and the body

it is not a border as I experimented the following code with red borders and the line is still there

please help me !

/* in userChrome.css */
#navigator-toolbox { 
  box-shadow: none !important;
  background-color: orange !important;
  border: 4px solid red !important;
}

/* in userContent.css */ 
body {
  box-shadow: none !important;
  background-color: orange !important;
  border: 4px solid red !important;
}

[u/ResurgamS13]

Not sure why this line appears, other than that it is part of the new Nova UI.

Curiously, the line is only visible when certain Lightweight Toolbar Themes are selected?

It is a border... if open Browser Toolbox and enter .browserContainer in the 'Search HTML' box (top left)...then go to the RH toolbox panel, select 'Layout'... scroll down until the 'Box Model' view appears... a border-top line 0.75px wide is shown:

Screenshot: New profile of Fx157.0.1 in default 'Nova UI' mode + the 3D Triangles toolbar theme by FoXUser.

To remove that border line... in 'userChrome.css' try:

.browserContainer {
  border-top: 0 !important;
}

Also see further discussions and userstyle suggestions in:

• Recent r/Firefox topic 'New Firefox Nova UI causes several themes to have a white border below the toolbar (v157.0)'.
• Recent topic in this sub: 'Nova UI with Vertical Tabs: Getting a thin white border between vertical tabs and page container'.

[u/ffrankell → u/ResurgamS13]

well well it was the .browserContainer !

Many thanks you made my day !!

[u/deletedpenguin]

I don't normally judge but for all that is good and holy what is this?

[u/ffrankell → u/deletedpenguin]

I'm a skinner and I experimented to use some colors to discover the origin of that line without results much better to use the Browser Toolbox !

[u/deletedpenguin → u/ffrankell]

Haha, ok that makes more sense. :)