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.

  • TrickDacy@lemmy.world
    121·
    13 hours ago

    So instead of just toggling it off, you invested lots of time intentionally making your browser look bad?

    • ColdWater@lemmy.caOP
      6·
      13 hours ago

      buttons and menus are still rounded I wanted everything square for the colors that’s just place holders later I will make it match my desktop theme, plus with my own CSS I can make everything use only one row which is save a lot of space

      • Omgpwnies@lemmy.worldEnglish
        3·
        11 hours ago

        I’ve done similar when designing/troubleshooting CSS - obnoxious colours, temporary heavy borders (potentially also obnoxious colours). Makes it much easier to see where your objects are specifically, z-index, unintentional overlaps and so on.

      • TrickDacy@lemmy.world
        14·
        11 hours ago

        Ok. I just turned that new toggle switch off in about:config because, while I didn’t love it, it was for me more just that the old style was easier to parse and I was also used to it.

  • muhyb@programming.dev
    6·
    12 hours ago

    I did the same at first. Then I went with this instead:

    * {
    border-radius: 3px !important;
}

    I’ll fix things one by one slowly, probably until the next UI overhaul comes. Then start over.

  • apparia@discuss.tchncs.deEnglish
    3·
    12 hours 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
      5·
      11 hours 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;
}```