Apelo: Dark Mode 🌑
O TabNews está bonito no design e tbm acertou na diagramação com as fontes, tamanho, espaçamento, tabulação, etc, já que é focado na leitura... mas está gerando um certo incômodo na leitura prolongada por causa do fundo branco ☀
Normal:
Acredito que isso seria mitigado com a aplicação de um estilo mais dark.. o amado dark mode 🥰
Algumas extensões para navegador propôem resolver esse impasse e até estão dando conta do recado, mas não da forma que o nativo faria.
Testando o Super Dark Mode apesar de funcionar bem para outras páginas, descobri que aqui funciona parcialmente, deixando os links visitados com um tom de laranja escuro os títulos em tom verde e outros partes com um tom fraco demais ou forte demais...
Super Dark Mode:
O Dark Reader deu maior satisfação, aproxima bastando ao visual do github, com tons de cinza, calibrado para um bom constraste na leitura e com links nas cores mais 'padrão'.
Dark Reader:
Falta uma melhoria no uso da tag 'code' o code
e no uso de linguagem como o ```js```
Testando com a linguagem javaScript, o estilo até destaca funções, arr, object, palavras reservadas e etc, mas não atende muito bem com o vermelho e roxo... e parece misturar variárvel com string.
É incomparável ao que alcançamos com o Prettier no Vscode, claro
const testStr = 'Testando aqui'
const doFn = () => { console.log(testStr) }
const newArr = [1, 2, 3, 'Texto']
const newObj = { id: 1, name: 'Fulano'}
array.filter(item => {
item.classList.add('ativo')
})
document.querySelector('.teste')
json:
{
{"nome": "Fulano" },
{"nome": "Fulaninho" }
}
com Dark Reader
Desejamos o bom e velho dark mode nativo e preparado com todo gosto e carinho que o site foi feito.
- Att 29/11
Segue tab com beta do dakmode funcionando, porém com um pequeno problema de piscar o fundo.
Existe uma issue lidando com a questão aqui
Aqui o
@lucasalberto01
diz ter resolvido o problema na PR #916.
Peço colaboração pra levantar essa bandeira 😊😉
Opa, tudo bem?
A galera já está engajada pra fazer esse Dark mode funcionar, você pode acompanhar o processo nesse PR:
https://github.com/filipedeschamps/tabnews.com.br/pull/377
Acho que estão tendo algumas dificuldades com especificidades, mas a barreira específica está descrita aqui:
https://github.com/filipedeschamps/tabnews.com.br/pull/377#issuecomment-1324385682
Dark mode é fundamental pra gente que é que nem vampiro kkkkkk
Boa, primeira coisa que pensei quando entrei no site, acho que estamos voltando aos anos 80 as telas daquelas pcs de letra verde... rs, que nada, nao acho legal ver o povo olhando para o celular parecendo uma lanterna no escuro... fico pensando, se eu fizer isso fico cego uns 2 dias... por incrivel que pareça sempre dei muita enfasse a isso ainda mais agora, ajuda muito.
Dark mode e barra de pesquisa! A primeira coisa que tentei procurar pra clicar foi uma barra de pesquisa... hehe, mas acredito que irão implementar isso em breve.
Esse tema do Dark Reader combinaria muito com esta plataforma, isso realmente é uma ótima ideia. #dark_reader
Dark mode é vida! É amado por nós e por nossos olhos... Passamos diversas horas em frente a essa telinha e o dark mode nos ajuda a não cansar tanto os olhos. Além de que torna muito mais agradável para ler. Não vejo a hora de termos o dark mode aqui no TabNews.
Creio que um sistema de temas seria uma boa para o TabNews, onde poderia ter os principais temas usados no dia a dia dos devs (Como o tema dracula, por exemplo), e talvez com a possibilidade de importar novos temas para cada usuário.
otima sugestão, seria maravilhoso, darkmode cansa muito menos a leitura e visualização!
TabNews precisa urgente de um dark mode! Gosto muito do site!
Brilhou demais xD
Eu particularmente não gosto de páginas em dark mode, pq pra mim fica mais estranho e parece desorganizado visualmente, mas apoio ter a opção para quem quiser mudar.
gostei da tag "apelo" 😂
Opa! Eu estou acostumado a fazer o Dark Mode o Tailwindcss, mas adoraria ajudar mesmo que vocês estejam usando outra ferramenta para CSS ou CSS nativo mesmo!
Realmente... a primeira coisa que fiz quando criei meu perfil foi procurar o dark mode, para nos devs que passamos o dia inteiro desenvolvendo acredito que o dark mode seja uma necessidade kkkkkkk
Com o Dark mode minha visao agradece
Estou trabalhando num clone do tabnews e ja tem dark mode. Esta faltando bastante coisa ainda, quem quiser contribuir tmj
https://retabnews.vercel.app/user/felipefarinha/apelo-dark-mode
Cookie de apoio.
Apoio o dark mode como um recurso de facil acesso. Mas de forma paliativa caso queiram para quem usa o OPERA GX que nem no meu caso vc consegue forçar o dark mode com o botão direito na página. Já para o chrome tem extenções que o fazem, mas costumam bugar, por isso opto pelo opera por enquanto.
Cara, sinto necessidade também de uma opção dark para o site. Por enquanto estou me virrando com o Dark Reader - que uso no meu navegador pra tudo, e desabilito só para os sites que disponibilizam o modo dark nativamente.
Sigo no aguardo para essa implementação em uma atualização breve do TabNews.
Seria perfeito mesmo, realmente o modo claro incomoda muito, cansa as vistas principalmente em ambientes escuros, como a maioria de nos programadores ficamos, creio que isso virá em breve, seria perfeito.
Apoio demais!
Levando em consideração que o fórum é acessado por programadores, que trabalham por várias e várias horas na frente de uma tela durante o seu dia, o acesso ao fórum sem dark mode por muito tempo pode ocasionar em uma vista cansada para os usuários, é extremamente necessário o dark mode e com urgência!!
Utilizo o DarkReader e é incrivel, claro que dark mode nativo sempre será melhor. mas com o darkreader pode customizar do teu jeito, deixar as palavras com negrito, com fundo escuro e texto mais branco, ajuda bastante no descanso ocular e facil leitura, na extensão do darkReader tem a opção de customizar do jeito que você quiser, muito boa eu recomendo enquanto isso
De fato o dark mode é muito necessário, gostei muito do tabNews e já o adicionei a minha rotina diaria, sempre bom estar em contato com pessoas que desejam estudar e evoluir sempre. Ainda mais com um produto com uma proposta interessante como essa.
Apesar de utilizar o Opera GX que possue uma função que força páginas escuras, ter isso nativo seria muito bom. Ideia ótima 👍
Dark mode é vida! Eu não consigo mais utilizar nenhum tipo de aplicativo e/ou site sem essa função. Espero que implementem logo.
Utilizo o Opera Touch no celular. Ele oferece uma opção de páginas escuras que na minha visão ficaria perfeito para o site. Vou ficar devendo o print para comparação.
Faz pouco mais de 10 minutos que me cadastrei e quando bati o olho no seu post entendi o que estava achando estranho. É uma ótima ideia é seria muito top conseguir configurar o estilo que mais lhe agrada para leitura. Top demais 😍
Sim, concordo plenamente
Estou 100% apoiando!!! Ficaria Lindo tudo modo escuro.
Vai ficar mais tranquilo quando você passar mais tempo lendo!
Sempre quando eu entro em um site novo, eu verifico se o próprio tem DarkMode. Creio que seria uma ótima adição para o TabNews.
Apoiado, eu sinto muita dor de cabeça ao usar fundo branco, dark mode melhora nossa qualidade de vida!
Poderia também ser um tema mais cinza ao invés de fundo preto. Talvez algo como o nosso Darkula do Vscode ficaria legal.
Mais que necessário, hoje em dia não é só questão de economia de energia mas um visual mais agradável aos olhos. Eu que fico quase 12 horas por dia na frente do computador, e uso óculos a muito tempo, sinto muita diferença com o Dark Mode. Tem meu total apoio.
Ótima colocação, acho que a maioria dos dev usam praticamente tudo em dark mode. Com certeza o dark mode já está nos planos, nos restas esperar.
Notei tambem a otimização para celular, escrever artigos no celular esta um pouco ruim, mais como esta no começo veremos mais otimizacoes com o passar do tempo, tenho certeza.
Bacana! Acredito que a maioria dos programadores e pessoas da tecnologia optam pelo DarkMode! Agora é só implementa e amar ainda mais!
Tem o apoio de todos kkkkkk
Opções são sempre bem vindas, mas não desfaçam o light mode porque é melhor em termos de acuidade visual. Segue abaixo uma pesquisa feita pelo Nielsen Group. https://www.nngroup.com/articles/dark-mode/
Apoiado! Seria interessante o sol e a lua responsivos no cantinho hehe. Abraço!
Dark Mode...muito top, uso em tudo hoje. Mas estamos falando do TabNews...vai além da curva. Que tal um tema customizável onde cada usuário pode definir algumas particularidades como cores, fontes, backgrounds, animações e isso seria salvo nos cookies (por exemplo) ou armazenado junto ao contexto do user environment, na nuvem. Penso que inicialmente, cores já fariam toda diferença. E acredito que as demais funcionalidades customizáveis poderiam ser adicionadas com o decorrer do tempo...delicinha 🤤🤤🤤
Da mesma forma poderia existir um "orange mode" ou "green mode" ... o céu é limite!!!
Sim! Acho que se o fizesse o dark mode estilo github ficaria supinpa.
super apoio, atualmente uso darkmode em todos as aplicações possiveis pois me sinto mais confortavel para leitura.
Sem dúvidas, Dark mode será sempre bem vindo ótima iniciativa !!!
Esse exemplo do DarkReader ficou show de bola. Vale lembrar que o navegador Opera tem a opção nativa de forçar dark theme nas páginas, que fica muito bom, por sinal. Mas ter essa opção dentro do próprio site seria excelente.
Tem meu apoio e admiração pela a iniciativa!
#querodarkmod
pode ser como sugestão também a paleta de cores ser igual da famosa dracula aí seria show show show e porquê não tudo ser voltado nessa paleta!
Por ser um site com o público alvo sendo programadores e areas semelhantes seria uma boa ter uma boa diversidade de temas como os do windows.
Também sou um adepto de Dark Mode e acho uma ótima ideia ter essa opção aqui. Acho que a maioria dos aplicativos/navegadores e sites/blogs com ampla leitura estão se adaptando para oferecer essa opção de Dark Mode né. Isso ajuda até na leitura noturna, já que a tlea branca pode doer a vista. Hoje em dia passamos tantas horas na frente da tela que todo tipo de adaptação é válida!
De fato! O Dark Mode permite não apenas uma melhor visualização, como também aumenta a durabilidade dos usuários na plataforma.
Estava pensando justamente nisso, costumo parar pra ler pelo final da noite 23h, a vista já ta cansada do dia todo, o fundo branco ataca muito a vista dessa forma. como é um ambiente para desenvolvedores, acredito que seria interessante além de disponibilizar o "Modo Dark", poderia ter um pequeno seletor para poder mudar o tom e assim se ajustar.
Algo parecido com o Adobe Colors no qual baseado em uma cor, e ele ajusta as demais.
O meu navegador deve ter algum problema da vusualização, apesar de conseguir ver bem outros sites. Pena que não sei com colocar uma imagem da minha tela aqui na caixa de comentários.
Ideia totalmente apoiada, depois de algumas horas os olhos doem, o tema dark será bem vindo, espero que prossigam com essa proposta e não demore muito
Eu também acho! Hoje é difícil ver alguma coisa sem o tema dark, o escuro deixa melhor para ler.
concordo com o site ter dark mode é incrivel,maravilhoso,lindo ter o dark mode ou darkzinho aqui nesse site tão especial.
Excelente sugestão. Quando se passa muito tempo na frente da tela, ter o modo "dark" ajuda na prevenção do cansaço dos olhos.
Seria maravilhoso ver isso no futuro!
Já existe um PR a muito tempo no TN, mas nós estamos com problemas principalmente com o ByteMD (editor e visualizador de markdown) com syntax highlighting nos snippets de codigo.
Um ideia também seria ter um "dim dark mode". Com uma cor mais acinzentada
Apoiado 100%
Ajudaria muito
Nossa salvaria demais, pra leitura seria bem melhor.
Ótima Sugestão felipefarina!
Meu Dark Reader estava ativo quando acessei o site pela primeira vez e não percebi que não tinha a opção dark mode. Fui mostrar para um amigo no celular dele e ai vi o site com as cores padrão. Claro, esse site é um lugar para pessoas que querem compartilhar conteúdo relacionado à tecnologia, que geralmente conhecem maneiras de dar algum descanço para os olhos, porém, acho muito importante investir em um sistema de temas nativo no site. Qualidade e conforto!
Eu não sou muito fã do dark mode, mas o dark reader realmente resultou em um design muito bonito e agradável. Até pra quem gosta de economia de energia ou de ler a noite, essa opção será muito útil.
Muito necessário!
Sempre bom um dark mode!!!
Com certeza essa opção deve ser implementada, ficar vendo tudo branco acaba machucando os olhosm principalmente para nós que ficamos muito tempo na frente do computador
Visita a URL <browser_name>:flags
(e.g. edge:flags
, brave:flags
) e habilita a flag "Auto Dark Mode for Web Contents", recomendo selecionar "Enabled with selective inversion of non-image elements".
O resultado é um dark mode bem clean sem alterar muito nos sites que já estiverem escuros, sem necessidade de uso de extensão.
Francamente eu não entendo nada de programação, mas achei a ideia maravilhosa. Tô aqui pela promessa de uma comunidade massa, e até agora é uma que está sendo comprida. Um Dark Mode ajudaria bastante na minha miopia
Parece que eles usaram uma biblioteca chamada Primer React, que basicamente é o design system do Github. Nesta parte da documentação explica como configurar e alternar entre temas: https://primer.style/react/theming#setting-color-schemes Parece fácil de ser implementado.
Eu adoraria um dark mode com o estilo "Dracula" do Zeno Rocha.
Além de ser incrivel juntar dois projetos de dois Brasileiros geniais rsrsr
Sim amigo meus olhos doem
Muito boa ideia, afinal o que seria de nós devs sem um darkmodezinho haha
Concordo que deve haver mais opções, mas a experiência de leitura em Dark Mode é horrível.