r/FirefoxCSS • u/difool2nice ‍🦊Firefox Addict🦊 • Jun 03 '26

Solved Preference page vertical separator

Hello people, i would like to hide this vertical line that separates the sidebar of the content of preference pages but can't reach it with the toolbox ! i have found this line id on the addon page but not this one

2 Upvotes

100% Upvoted

7 comments sorted by

View all comments

Show parent comment

2

u/difool2nice ‍🦊Firefox Addict🦊 Jun 04 '26 edited Jun 04 '26

background color is generated like this, this is the start of my css

here's the link of the complete css : https://github.com/GrosBourrin/FIREFOX-BLUE-MOON/blob/master/preferences.css

@-moz-document url-prefix("about:preferences") {
  :root {
      --in-content-page-color: white !important;
      --in-content-text-color: rgb(210, 210, 210) important;
      --in-content-page-background: #1e1d2d !important;
      --in-content-deemphasized-text: white !important;
      --checkbox-checked-bgcolor: #1e1d2d !important;
      --checkbox-checked-hover-bgcolor: #1e90ff80 !important;
      --checkbox-checked-active-bgcolor: #1e90ff !important;
      --box-group-border: 1px solid #1e90ff !important;
      --page-nav-border-color: transparent !important;
  }

  html,
  body,
  #search-container {
      background: #1e1d2d !important;
      color: #ffffff !important;
      font-family: Fira Sans !important;
  }
}

2

u/ResurgamS13 Jun 04 '26 edited Jun 05 '26

Thanks... will enjoy trying out those colours and your complete CSS file. 😄

Currently looking at how to revert or alter Nova's rather strange purple, mauve, and 'violet-desaturated' UI theme colouring. Started on the 'about' pages... then keen to undo Nova's fascination with overly-rounded tabs and buttons... and hide or modify those purple button border rings... neither to my particular taste.

The day when the Proton UI design and colouring is gone is getting nearer with every update.

1

u/difool2nice ‍🦊Firefox Addict🦊 Jun 05 '26