avatar de calegaro
14

Implementei um dark mode para o Promobit web

02 de Julho de 2020 ás 12:36

Fala pessoal!

Queria compartilhar com vocês um projetinho que anda ocupando minhas horas vagas durante esses tempos nebulosos: uma tentativa de implementação de um dark mode para este nosso querido site :)



Eu sou grande fã e usuário de longa data do Promobit, mas as cores muito claras do site me incomodavam muito, principalmente à noite. Por isso, um dia desses eu comecei a testar tons mais escuros pelo DevTools do Chrome, e quando percebi já tinha feito a página de ofertas praticamente toda :D

A partir daí, movi o CSS para um User Style com a ajuda da extensão Stylus (sucessor do Stylish, que você provavelmente já usou pra mudar a cor do seu orkut naquela época). Como o código cresceu, decidi agora colocá-lo no GitHub para controlar sua versão e facilitar que outros membros da comunidade possam contribuir com novas adições e correções de possíveis problemas.

Link para o estilo: https://userstyles.org/styles/...o-promobit
Link para o repositório no GitHub: https://github.com/mathcale/darkbit

É bom citar que nem todas as páginas/componentes foram estilizados ainda, como por exemplo o blog, os modais e as páginas de nova oferta/cupom/tópico.

Espero que gostem <3

Disclaimer: este projeto visa apenas melhorar a experiência de uso através de um CSS customizado. Nenhum script, tracker ou qualquer outra mudança de comportamento é feita nas páginas.

Raphael Especialista em Tecnologia Especialista em Tecnologia
@raphael

Po, legal a inciativa calegaro parabéns mesmo :)

Depois do APP Android, Estamos desenvolvendo uma versão oficial com suporte para modo noturno para o Web, mas faz parte de um contexto maior, ainda demorar um pouquinho ainda pra sair.

Enquanto não soltamos a versão "oficial :P" acho que a sua faz sentido, ainda vou até mandar minhas sugestões como pull request.

Um abraço!!

responder
Reportar
@guiii_bloodhunter

aewwwwwwwwwww
ficou muito bom cara, parabéns!
não vejo a hr de virar "oficial" hahahahha

responder
Reportar
@leandro_menezes

Caraca calegaro , muito massa!!!

Parabéns!

responder
Reportar
@markonne_cirilo

Show! Vou pesquisar a partir de agora só no seu site.

responder
Reportar
Vitor Augusto Sugahara Ruiz Especialista em Fitness e Esporte Especialista em Fitness e Esporte
@vitor_ruiz

É nada!!
Valeu!
Há tempos estava esperando uma extensão Dark pro Promobit.
Obrigado e parabéns!

responder
Reportar
@rafaeloliveira

Ficou muuito bom cara, apliquei aqui no meu navegador. Meus olhos agradecem, ótima iniciativa :D

responder
Reportar
@theo_goulart

Ficou show, manin! Parabéns pelo trabalho, já faz um tempo que a comunidade está louca por um dark mode haha

responder
Reportar
@aldiran_santos

Parabéns pelo formato que você trouxe, guerreiro!

responder
Reportar
João Vitor Especialista em Tecnologia Especialista em Tecnologia
@jvsilvictor

Muito boa a iniciativa! Instalada e em uso aqui...

Trabalho muito, praticamente o dia inteiro, acessando terminais bsd/linux de máquinas remotas com tema dark, então cada vez que ia na aba do promobit era um "flashbang" na cara hahahaha

responder
Reportar

Comecei a usar, ficou bem bacana, parabéns e obrigado por disponibilizar o trabalho :D

responder
Reportar
@vitor_fabre

já saiu o oficial, se sim, como utilizar?

responder
Reportar

vitor_fabre o oficial está em fase de testes, amigo: https://www.promobit.com.br/of...vo-testers

responder
Reportar
@vitor_fabre

mf manda um convite ae hahahah

responder
Reportar

vitor_fabre poxa, talvez os convites tenham acabado se não conseguiu nesse link.

Infelizmente não sou eu quem libero, tente comentar aqui e ficar na fila: https://www.promobit.com.br/fo...mobit-6755

responder
Reportar
@vitor_fabre

mf blz, valeuuu. É que fiz uma cirurgia no olho e a tela branca fica incomodando kkkkkk

responder
Reportar
Novo comentário
cancelar
Responder comentário:

Adicionar Resposta

Avalie o Promobit

Qual a probabilidade de você recomendar o Promobit para um amigo ou parente?