it started from a broken search bar then when I tried to fix it something else broke, then it became the most annoying whack a mole game of all time so I removed everything and start from scratch.

  • apparia@discuss.tchncs.deEnglish
    4·
    7 days ago

    I’m in the same boat with a custom theme – even Librewolf is affected by this crap. Any tips on fixing the search? I don’t know what’s so hard about a fucking text box that they have to tweak the whole DOM every second update.

    • ColdWater@lemmy.caOP
      7·
      7 days ago
      • try this:
      #urlbar {
	background-color: var(--seco);
	background-image: none !important;
  border: 1px solid var(--line) !important;
  margin-bottom: 3px !important;
  margin-left: -3px !important;
  margin-right: -4px !important;
  height: 30px !important;
}

.urlbar-background {
	background-color: transparent !important;;
}

#identity-icon-box {
	display: none !important;
}

.button-background.labelled {
  border-radius: 0px !important;
}

#trust-icon-container, #QRCodeGeneratePageAction, #star-button-box, #picture-in-picture-button, #ssbPageAction, #urlbar-zoom-button, #reader-mode-button, #identity-permission-box  {
	border-radius: 0px !important;
}
      • url container:
                                         
:root {--urlbar-container-padding-block: none !important;
}

.urlbarView-background {
    background-color: transparent !important;
    margin: 10px !important;
    border: 0px !important;
}

.urlbarView {
    background-color: var(--seco) !important;
    margin: 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 0px !important;
}



.urlbarView-row[selected] {
  background-color: var(--accent) !important;
  border-radius: 0px !important;
  margin-left: 4px !important;
  margin-right: 3px !important;
}

.urlbarView-row:hover {
  background-color: var(--accent) !important;
  border-radius: 0px !important;
  margin-left: 4px !important;
  margin-right: 3px !important;
}

/*remove from history button*/
.urlbarView-button {
  background-color: transparent !important;
  fill: var(--text) !important;
  border-radius: 0px !important;
}

.urlbarView-button:hover {
  background-color: transparent !important;
}```