Why is the letterbox colour white, and not dark, like in Mullvad and Tor?

[GlitteringReturn]

Disclaimer: I have zero knowledge in computer science, I am studying science.

You should have read the title, also why does the letter box have a margin on the top, this is also absent in Mullvad and Tor, it makes arkenfox a lot uglier. The next question is, is this necessary?

FYI: I have checked how to change this (https://github.com/arkenfox/user.js/issues/747), it didn't work, maybe this is a bug?

---

Answer: issue happened because I went to ≡ > Settings > General > Language and Appearance > Website appearance > Light. I confused this with the page called Extension & Themes where you set the theme of the navigation bar. So, rather than changing both at the same time Firefox makes it so you have to do the previous things.

[crssi]

Open about:config and flip toolkit.legacyUserProfileCustomizations.stylesheets to true

In your FF profile create folder named chrome

In that folder:

1. create a file named userChrome.css in paste in the following

   /* letterbox color */
   #tabbrowser-tabpanels {
   background-color: rgb(46,54,69) !important;
   }

2. create a file named userContent.css in paste in the following

   /* prevent white_flash on opening new tab/window */
   @-moz-document url("about:home"),url("about:blank"),url("about:newtab"),url("about:privatebrowsing") {
   body{ background-color: rgb(46,54,69) }
   }

[Thorin-Oakenpants]

the reason is because the TB patches haven't been uplifted to Mozilla

[Thorin-Oakenpants]

@crssi - this is the entry I have: old notes, haven't touched it in a year or more: works fine

• i.e I never see about:blank or newtab because they are set to use a speed dial extension
• so the bit here is the letterboxing (vbox)
• i fucking hate css, so no questions, just posting for the shits and giggles

/* about:newtab and about:blank: also colors the letterboxing
 * NOT needed: but I like to match speed dial */
/* dark theme is #2a2a2e = way too light */ 
#browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels,
browser[type=content-primary], browser[type=content] > html {
    background: #0f0f0f !important;
}

edit: ok tabbrowser-tabpanels is the letterbox? IDK

[Thorin-Oakenpants]

PS: wait til you see the new Betterboxing - see https://forum.torproject.org/t/new-alpha-release-tor-browser-13-5a4/11386 - with prefs to turn the gradient on/off and to make it snap to the top or be centered

[GlitteringReturn]

PS: wait til you see the new Betterboxing - see https://forum.torproject.org/t/new-alpha-release-tor-browser-13-5a4/11386 - with prefs to turn the gradient on/off and to make it snap to the top or be centered

This is what I am talking about!

[GlitteringReturn]

@crssi - this is the entry I have: old notes, haven't touched it in a year or more: works fine

• i.e I never see about:blank or newtab because they are set to use a speed dial extension
• so the bit here is the letterboxing (vbox)
• i fucking hate css, so no questions, just posting for the shits and giggles

/* about:newtab and about:blank: also colors the letterboxing
 * NOT needed: but I like to match speed dial */
/* dark theme is #2a2a2e = way too light */ 
#browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels,
browser[type=content-primary], browser[type=content] > html {
  background: #0f0f0f !important;
}

edit: ok tabbrowser-tabpanels is the letterbox? IDK

Should I follow @crssi's advice or this? No idea what I need to do according to the above quote (I don't know how computers work).

Edit: changing the Firefox theme to light, made the letter box look a lot better, if the theme is dark the letterbox should be dark (the exact same colour in fact) and if the theme is light, the letterbox should be light. Hopefully, this doesn't affect the finger-printability of my browser. How on Earth do I change the theme in the useroverrides.js in the simplest, least finger-printable way?

[GlitteringReturn]

Answer: issue happened because I went to ≡ > Settings > General > Language and Appearance > Website appearance > Light. I confused this with the page called Extension & Themes where you set the theme of the navigation bar. So, rather than changing both at the same time Firefox makes it so you have to do the previous things.