[DTM-08] Add option for circle server buttons or square server buttons

[bit-whisperer]

The most jarring change from the old v1 and v2 themes was the fact the buttons are now square. I noticed the circle buttons play nicer with some elements of discord like server folders. Is there a way to make separate "flavors" of the v2 theme for square and circle buttons?

Thanks

[bit-whisperer]

I ended up making the change myself. Removing lines 626 - 629 added the OG button shapes back on the guilds list. In the event the location changes, the code is shown below:

.scroller__3d071 .wrapper__3af0b foreignObject {
  mask: none !important;
  -webkit-mask: none !important;
}

Removing lines 634 - 636 also undos the box placed around selected guild icons.

.scroller__3d071 .selected__98d51 .wrapper__3af0b {
  box-shadow: 0 0 4px 1px var(--header-primary), 0 0 0 1px #fff;
}

[XYZenix]

sorry, i forgot to look at this issue earlier

.scroller__3d071 .wrapper_d281dd img, .scroller__3d071 .wrapper_d281dd,
.scroller__3d071 .wrapper_d281dd .childWrapper__01b9c.acronym_cd4809,
.scroller__3d071 .tutorialContainer__890ea + .listItem_fa7b36 .wrapper_d281dd .childWrapper__01b9c,
.scroller__3d071 .circleIconButton_d8df29,
.scroller__3d071 :is(.folder__17546, .folderIconWrapper__72239) .guildIcon__2e5ab.iconSizeSmol__7ee47 {
  border-radius: 64px;
}
.scroller__3d071 :is(.folder__17546, .folderIconWrapper__72239) {
  border-radius: 14px;
}

this should work without the changes you made (hopefully it also didn't break anything) i'll figure out how to incorporate an option for this into the theme at some point

[bit-whisperer]

the code works, thanks again for your work. Keeping this still closed as to not clog things up

[bit-whisperer]

quick note, I had to delete this line to get the anims working again for guild icons.

.scroller__3d071 .wrapper__3af0b foreignObject {
  mask: none !important;
  -webkit-mask: none !important;
}

I modified your css script to remove a line since I made changes to the theme:

.scroller__3d071 .tutorialContainer__890ea + .listItem_fa7b36 .wrapper_d281dd .childWrapper__01b9c,
.scroller__3d071 .circleIconButton_d8df29,
.scroller__3d071 :is(.folder__17546, .folderIconWrapper__72239) .guildIcon__2e5ab.iconSizeSmol__7ee47 {
  border-radius: 64px;
}
.scroller__3d071 :is(.folder__17546, .folderIconWrapper__72239) {
  border-radius: 14px;
}