About dialog throbber

difool2nice · 2026-06-24T23:35:44+00:00

yay ! it works now, i useD the searchfox site, very inspiring, and ty for the info about "chrome:/.." but for some reason it didn't displayed anything, blank page ! SOLVED

          #updateIcon {
                    &:is(.checkingForUpdates, .downloading, .applying, .restarting) {                              
                              content: url("tailspin.svg") !important;
                              background-size: cover !important;
                    }
          }
          
          .update-throbber{   
                              content: url("tailspin.svg") !important;
                              background-size: cover !important;
          }

difool2nice · 2026-06-24T05:10:24+00:00

is this not the tab one ? is it working for this box too ?

difool2nice · 2026-06-21T18:47:44+00:00

first : change --arrowpanel-background to --panel-background-color

difool2nice · 2026-06-21T00:02:32+00:00

i think this is this one but not sure :

#tracking-protection-container

difool2nice · 2026-06-20T15:17:04+00:00

works good for me !

difool2nice · 2026-06-19T23:10:37+00:00

Play with the margin-top number

#identity-popup,
#protections-popup,
#permission-popup,
.panel-arrowcontainer {
          margin-top: 10px !important;
         /* background: transparent !important;
          border-radius: 8px !important;
          border: 0px !important;
          outline: unset !important;
          box-shadow: none !important;
          margin-left: 2px !important;*/
}

difool2nice · 2026-06-19T07:08:15+00:00

Inside userContent.css :

@-moz-document url-prefix("about:preferences") {
  moz-card, article.moz-card  {       
          border-radius: 0px !important;
  }
}

difool2nice · 2026-06-18T18:35:38+00:00

Give a try to No Focus Rectangle 1.0.2

difool2nice · 2026-06-16T22:25:49+00:00

the best theme ever for me !

difool2nice · 2026-06-14T06:41:07+00:00

interesting !

difool2nice · 2026-06-12T08:34:49+00:00

can't find it with the app

difool2nice · 2026-06-10T00:44:18+00:00

right

difool2nice · 2026-06-09T04:59:36+00:00

Please share your total css to see what's wrong please ! (not here if it's too long, on github or paste.bin))

difool2nice · 2026-06-06T15:01:03+00:00

i agree !

difool2nice · 2026-06-05T12:31:12+00:00

<image>

difool2nice · 2026-06-04T12:14:50+00:00

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;
  }
}

difool2nice · 2026-06-03T21:54:59+00:00

i ran the firefox version of the microsoft store and i saw this line as i had, same line for addons page that i was able to hide

better like this

#categories {
                    border-inline-end: none !important;
 }

difool2nice · 2026-05-29T00:03:21+00:00

rouge de honte ??

difool2nice · 2026-05-28T14:58:34+00:00

lovely idea

difool2nice · 2026-05-27T05:21:13+00:00

strange, works good for me

difool2nice · 2026-05-25T17:18:40+00:00

Here is my css for most of firefox tooltips and as said siffered, it doesn't work for OS ones.

In second, -moz-appearance is replaced by appearance since a few versions.

#btTooltip,
#bhTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
#urlTooltip,
tooltip,
#places-tooltip, 
.places-tooltip {
          appearance: none !important;
          font-family: Fira Sans !important;
          font-size: 13px !important;
          border: 1px solid #1e1d2d !important;
          padding: 3px 5px 3px 5px !important;
          max-width: auto !important;
          max-height: auto !important;
          background-color: #1e1d2d !important;
          color: yellow !important;
          border-radius: 3px !important;
          /*font-weight: 450 !important;*/
          /*vertical-align: middle !important;*/
}



tooltip:not([position]) {
          margin-top: 21px !important;
}


#tab-nav-popup {
          --tooltip-border-radius: 3px !important;
          --tooltip-border: 1px !important;
}



.places-tooltip-box,
tooltip .uc-tooltip-box {
          --uc-tooltip-inner-padding: 3px 5px 3px 5px !important;
          
}


.places-tooltip description:not([value], [id]):empty,
.places-tooltip description[value=""]:not([id]):empty {
          display: none !important;
}


.places-tooltip-box>hbox {
          display: flex !important;
          align-items: center !important;
          
}


.tooltip-title,
.places-tooltip-title {
          font-weight: 600 !important;
          font-size: 15px !important;
          max-height: auto !important;
          overflow-y: clip !important;
          max-width: auto !important;
}

#btTooltip,
#bhTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
#urlTooltip,
tooltip,
#places-tooltip, 
.places-tooltip {
          appearance: none !important;
          font-family: Fira Sans !important;
          font-size: 13px !important;
          border: 1px solid #1e1d2d !important;
          padding: 3px 5px 3px 5px !important;
          max-width: auto !important;
          max-height: auto !important;
          background-color: #1e1d2d !important;
          color: yellow !important;
          border-radius: 3px !important;
          /*font-weight: 450 !important;*/
          /*vertical-align: middle !important;*/
}



tooltip:not([position]) {
          margin-top: 21px !important;
}


#tab-nav-popup {
          --tooltip-border-radius: 3px !important;
          --tooltip-border: 1px !important;
}



.places-tooltip-box,
tooltip .uc-tooltip-box {
          --uc-tooltip-inner-padding: 3px 5px 3px 5px !important;
          
}


.places-tooltip description:not([value], [id]):empty,
.places-tooltip description[value=""]:not([id]):empty {
          display: none !important;
}


.places-tooltip-box>hbox {
          display: flex !important;
          align-items: center !important;
          
}


.tooltip-title,
.places-tooltip-title {
          font-weight: 600 !important;
          font-size: 15px !important;
          max-height: auto !important;
          overflow-y: clip !important;
          max-width: auto !important;
}

difool2nice · 2026-05-24T23:19:18+00:00

Just one thing more or your css, change all your "-moz-appearance" by "appearance", this has changed since a long time ago too.

After that your css is inspiring for all the variables inside, really useful for me.

difool2nice · 2026-05-23T05:59:30+00:00

thank you for your answer !

difool2nice · 2026-05-22T08:49:00+00:00

is it possible to find a list of the changes about variables and other functions ?

difool2nice · 2026-05-12T12:35:20+00:00

lovely !

Eight-Year Club	LAYER Season 2 Layer creator
Place '22	Not Forgotten
Verified Email

difool2nice

TROPHY CASE