CSS customizado para o YouTube

Esse é um arquivo CSS que criei para customizar o YouTube e fazer algumas alterações em seu layout para uso pessoal.

Obs.: O ícone customizado do YouTube não foi feito por mim.

Modificações

• Barra lateral arco-íris animada (RGB)

• Header

• Mudanças gerais de cor

• Ocultamento dos Shorts da tela de vídeo

Para acessar, passe o cursor por cima.

• Ocultamento da header quando a tela estiver pequena

Para acessar, passe o cursor por cima.

Caso não queira ocultar

Se não quiser que os Shorts ou a header seja ocultada, basta modificar as váriaveis --sempremostrarshorts e --sempremostrarheader no código CSS na parte do :root.

Outras mudanças mínimas

• Adição de ícones nos detalhes da playlist na tela de playlist;

• Adição de brilho nos botões like/dislike e título do vídeo;

• Adição de borda enevoada em alguns botões;

• Remoção dos chips/temas (Para acessar, minimize a barra lateral);

• Remoção da cor da caixa de descrição.

Como usar

Para utilizar a customização é necessário uma extensão que permita utilizar um código CSS, como por exemplo:

• User CSS

Abra a extensão e uma tela lateral aparecerá, nela, copie e cole o texto do código CSS.

Você pode ligar e desligar a customização clicando no botão ON/OFF da tela lateral.

Obs.: Talvez seja necessário reiniciar o navegador.

• User JavaScript and CSS

Abra a extensão na página do youtube e será aberta uma tela flutuante. Clique na opção https://www.youtube.com/ e será aberta uma nova página. Na nova página aberta, haverá uma seção na esquerda para código JS e outra na direita para CSS, insira o texto do código CSS na parte direita. Clique no botão 'Save' para salvar as alterações.

Você pode ligar e desligar a customização clicando no radio button da tela flutuante.