DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Rafi
Rafi

Posted on

Minimal theme for Youtube

I was bored today, so I build this simple Chrome extension that adds minimal theme to youtube to make it boring and less distracting.

The extension uses manifest v3 and works by hiding some elements in the page by injecting custom css

Youtube listing view
Hiding comments

Grey youtube

here is the link to the Chrome extension and the link to the repo

Top comments (5)

Collapse
 
khrononaut profile image
Wilhelm

I like the extension! It saves me a lot of time and mental energy, since I do not get lost in surfing through the recommendation bar as much as before.

Collapse
 
cicirello profile image
Vincent A. Cicirello

Any idea whether or not it is compatible if used along with the Adguard Adblocker extension?

Collapse
 
rafi993 profile image
Rafi

I do use this with Ublock origin. It should work with other add blockers too.

Collapse
 
cicirello profile image
Vincent A. Cicirello

Thanks. I might try it out. I was wondering how well multiple extensions that locally alter source of a page can work together.

Thread Thread
 
rafi993 profile image
Rafi

It really depends on how they are modifying the page and how specific the selectors are. Since this extension uses id selector it is fine. But if you use nth-selector then there might be breakages.

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!