Modo Escuro para Página de Perfil

De antemão peço desculpas se o tópico está na área errada, mas devido à maior visibilidade decidi postar aqui no Quartel.

Olá a todos! Desde que a nova página de perfil foi anunciada eu me deparei com muitas pessoas "incomodadas" com a ausência de um "dark mode" para a mesma, seja por estética, ou pra preservar a saúde das córneas, ou os dois (como no meu caso).

Fuçando por aí eu encontrei uma ferramenta que muitos já devem conhecer pra resolver este problema, e vou ensinar a utiliza-la.

Eu estou falando da extensão Dark Reader, disponível para navegadores como o Chrome e o Vivaldi (os outros não tenho certeza) e que pode ser baixada gratuitamente clicando aqui para o Chrome e aqui para o Firefox.

Para este "tutorial" estarei utilizando o navegador Vivaldi então algumas coisas podem aparecer diferente, mas no geral o processo é o mesmo.
  • O primeiro passo obviamente é instalar a extensão, clique em "Usar no Chrome" e "Adicionar Extensão"
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/fIaXoAL.jpg"}[/IMG2]
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/eo201Pz.jpg"}[/IMG2]
  • Após isso, você pode ver o simbolo da extensão no canto superior direito do navegador
  • Vá na aba "Lista de sites"
  • Clique em "Inverter listado"
  • Na primeira caixinha cole o seguinte endereço: br.crossfire.z8games.com/profile/
  • Dê um enter
  • Pronto!
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/GsexDv9.jpg"}[/IMG2]
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/TyiX4NA.jpg"}[/IMG2]



A página de perfil que antes era assim:
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/BfMKBCh.jpg"}[/IMG2]




Agora ficou assim:
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/3HGOPBs.jpg"}[/IMG2]





Alguns adendos:
  1. Pra quem tem o pé atrás em relação à segurança, a extensão tem mais de 2 milhões de downloads, 6000 avaliações positivas e ainda é de código-aberto.
  2. Sim, essa extensão vai mudar apenas a cor da página de perfil e das sub-páginas (méritos, coleções, troféus).
  3. Caso queira que todos os sites fiquem no modo escuro basta ignorar o passo de ir na "Lista de sites" (no começo o navegador fica mais lento, mas depois passa).
  4. Por ser uma "gambiarra" tem certas coisas que ainda vão ficar no modo claro (como a contagem de HS).
  5. Pra deixar a página mais escura, com mais classe ainda, basta aumentar o nível de contraste nas configurações
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/s1cAltp.jpg"}[/IMG2]



Deixando a página assim:
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"https:\/\/i.imgur.com\/Br0Qc08.jpg"}[/IMG2]



É isso pessoal, espero que eu tenha ajudado, comentem o que acharam, muito obrigado e até mais!