"Remove" inherited styles

Hi everyone! There's an internal tool we are using at work and I really, really can't get used to it because I find it too ugly and not very friendly. I'm writing a tampermonkey script to make the interface more pleasing to use. I haven't encountered any issues so far, but I'm kind of annoyed when I style my stuff and it inherits certain styles from the base site. I currently have one "entry point" dev element where I inject the rest of my own stuff, so I thought about using it to completely "remove" all inherited styles and use my own. Is that possible? Thanks in advance! PS: don't worry, the company doesn't care as long as I don't break anything for everyone else. Since I'm working in a team of a lot of people, I decided to preserve the old look and just "switch back" to it when I need someone to look at something.
2 Replies
MarkBoots
MarkBoots8mo ago
you could try something like this.
#myOwnStyles,
#myOwnStyles * {
all: initial;
}
#myOwnStyles,
#myOwnStyles * {
all: initial;
}
Alistair
AlistairOP8mo ago
wow I did not expect such a fantastically short code! I was mentally prepared to follow a lot of steps haha Thank you, ill let you know how it went when I can! Alright, that actually solved the huge majority of my issues, the rest I think is trivial to overwrite Thanks again 🙏
Want results from more Discord servers?
Add your server