SlippingGittys-Discord-Themes / surCord

A Discord Theme inspired by macOS & Human Interface Guidelines.
MIT License
74 stars 50 forks source link

broken icons and no blur on web discord (stylus) #21

Closed ghost closed 1 year ago

ghost commented 2 years ago

bootstrap icons don't get used, instead the icons in (/src/fixations/_assets.scss)
look zoomed in (changing the scale doesn't fix it)

broken icons (user.css unchanged)
after copying source.css and removing icons from _assets.scss (discord default icons)

my suggestions:

icons in settings do work properly.

ghost commented 2 years ago

forgot to mention that blur also doesn't work

SlippingGitty commented 2 years ago

Thanks for taking the time to do a lil debugging for me.

I can get this theme running perfectly fine with Google Chrome (stable), both blur and custom SVGs. I have also asked a few friends to test this for me on Chrome, and the theme seems to be working out swimmingly for them. Screen Shot 2022-07-27 at 12 40 54 PM

Attempting to use this theme on FireFox (stable) results in nothing but the font changing; everything else is untouched but the font when using the theme with Firefox. screendick

my suggestions:

  • build a separate source.css for surCord.user.css without _assets.scss
  • same thing but use different icons for user.css
  • cook up a better idea than me 🤷 lol

I will consider these options if necessary, thank you. <3


One question that I have, hopefully it's fruitful.

May I ask what browser you are using? My assumption is that you are using FireFox (or some derivative) based on your screenshot, but that still begs the question as to how the theme is loading on your end.

ghost commented 2 years ago

I use Firefox ESR 91, was able to load the theme only after enabling the setting "Patch CSP to allow style assets"

kinda sucks it's one of those "different for chrome and firefox" situations

ghost commented 1 year ago

figured out why blur isn't working on firefox-ESR, apparently firefox doesn't support backdrop-filter by default until ver. 102+ current ESR is still on ver. 91, lol

I will do more testing and research (this might need to be documented later)

ghost commented 1 year ago

just tested it out on Firefox ver. 103 and both blur and icons work properly on there so problem solved, i'll make a PR later

space-esquire commented 11 months ago

Broken icons as well, but I am using Safari :/