Jacobi
Jacobi
Moderador
Moderador
Título : Memento Mori
Mensagens : 984
Reputação : 60
Desde : 13/12/2015
Idade : 23
Localização : Santa Cruz do Sul
Link : discord.gg/dmFa2TF
https://discord.gg/q5G6SZc
  • Reputação da mensagem: 100% (4 votos)
em Qui 15 Fev 2018, 16:13
Lembrei daquele que a Firefly fez uma vez, e fiz um para a nova versão do fórum.

Código:
/*  Main  */
 body {
   font-size: 10px;
   color: #a8a9a7;
}
dd {
   color: #a8a9a7;
}
.page-sep {
   background-color: #7e8084;
}
.block {
   background-color: #36393e;
   color: #c8c8c8;
}
.block-footer {
   background-color: #36393e;
}
ul#picture_legend {
   background-color: #36393e;
}
.h3 {
   border-color: #f8f8f8;
   color: #a8a9a7
}
.h3 a:link {
   color: #f8f8f8;
}
.h3 a:visited {
   color: #f8f8f8;
}
a.gensmall {
   padding-right: 0px;
}
.panel {
   background-color: #484b51;
}
p.author {
   color: #a8a9a7;
}
#privmsgs-menu {
   background-color: #36393e;
}
#tabs ul a span {
   color: white;
}
#page-header + div {
   background-color: #2f3136;
}
#cp-main .panel.sig {
   background-color: #2f3136;
}
ul.forums {
   background-color: #505050;
}
.statistics {
   background-color: #202225;
}
#page-footer {
   background-color: #2a2c31;
}
#picture_legend {
   color: #f8f8f8;
}
.jumpbox {
   color: #484b51;
}
.forabg .row:hover {
   background-color: #636569;
}
a:link {
   color: #f8f8f8;
}
a:visited {
   color: #f8f8f8;
}
#wrap {
   background-color: #2f3136;
}
.postbody .content {
   font-size: 1.33rem;
   color: #a8a9a7;
}
blockquote {
   font-size: 1.25rem;
   background-color: #484b51;
}
/* cabeçalho */
 .headerbar {
   background-color: #2f3136;
   background-image: none;
   height: 150px;
}
ul.search {
   background-color: #2f3136;
}
/* cor dos links */
a.forumtitle:link, a.forumtitle:visited {
   color: #f8f8f8;
}
a.forumtitle:hover {
   color: #dddddd;
}
a.topictitle:link, a.topictitle:visited {
   color: #f8f8f8;
}
a.topictitle:hover{
   color: #dddddd;
}

/* categoria */
 li.row {
   border-color: #636569;
   background-color: #484b51;
}
li.row:hover {
   background-color: #f5fff6;
}
/* Tópico */

/* correção avatar */
 .postprofile-avatar img, .mod-login-avatar img {
   border-color: #484b51;
}
/* rank */
 .postprofile-rank {
   border-color: #3e4146;
   color: #a8a9a7;
}
/* spoiler */
 dl.codebox {
   background-color: #636569;
   padding: 3px;
}
/* fundo mensagem tópico */
 .post {
   background-color: #3d4147;
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.post .content {
   border-left: 1px solid #adadad;
}
.post .post-head {
   border-color: #adadad;
}
blockquote blockquote {
   background-color: #636569;
   margin: 8px 5px 8px 3px;
}
/* corrigir assinatura */
 .signature_div {
   margin-top: 10px;
   color: #a8a9a7;
}
/* hover lista de tópicos */
li.row:hover {
   background-color: #636569;
}

Baixe o Stylish, crie um novo estilo, cole o código acima e salve. Não esqueça de selecionar para aplicar apenas ao fórum (coloque o link).

Podem ocorrer bugs visuais e/ou cores estranhas, peço que reportem aqui para que eu corrija.

Print demonstrativo:
Dark Theme BMS Unknown


Última edição por Jacobi em Dom 15 Dez 2019, 20:22, editado 3 vez(es)

______________________________
HybridTheory
HybridTheory
Scripter CLEO - Intermediário
Scripter CLEO - Intermediário
Nick anterior : Negrildo
Título : Boludo
Mensagens : 201
Reputação : 42
Desde : 29/01/2018
Idade : 18
Localização : Buenos Aires - Argentina
em Qui 15 Fev 2018, 16:14
first

______________________________
Dark Theme BMS 5LSo91H

Dark Theme BMS Signat11
Cloud
Cloud
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Nick anterior : Israel
Título : Baiano
Mensagens : 856
Reputação : 138
Desde : 22/09/2015
em Qui 15 Fev 2018, 18:27
Bonito.

______________________________
Everyone gonna remember my name !
Jacobi
Jacobi
Moderador
Moderador
Título : Memento Mori
Mensagens : 984
Reputação : 60
Desde : 13/12/2015
Idade : 23
Localização : Santa Cruz do Sul
Link : discord.gg/dmFa2TF
https://discord.gg/q5G6SZc
em Seg 19 Fev 2018, 14:08
Atualizado alguns bugs na página de gerência do perfil e mensagens privadas.

______________________________
Fransley
Fransley
Mensagens Nível 3
Mensagens Nível 3
Mensagens : 186
Reputação : 61
Desde : 10/10/2014
Localização : Cidade - Estado
em Seg 19 Fev 2018, 17:24
Muito bom, Jacobi, adorei!!

______________________________

Dark Theme BMS 76561198127565926 Dark Theme BMS AddFriend
Ordep_
Ordep_
Mensagens Nível 3
Mensagens Nível 3
Título : "O amor é apenas uma reação química"
Mensagens : 171
Reputação : 2
Desde : 21/01/2018
Idade : 16
Localização : Serra - ES
em Seg 19 Fev 2018, 19:08
Nice cara, adoro temas escuros, principalmente a noite.
Mas o Djjir é aviadado e não quis colocar tema escuro quando pediram pra ele.

+1 Rep  :Y:

______________________________
Dark Theme BMS Forum_10

Créditos : Daz_Vlad
Junior_Djjr
Junior_Djjr
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Título : Censurando since 2011
Mensagens : 22701
Reputação : 727
Desde : 03/05/2012
Idade : 24
Localização : Ibitinga - SP
Link : www.MixMods.com.br
http://MixMods.com.br
em Ter 20 Fev 2018, 03:11
@Ordep_ escreveu:Nice cara, adoro temas escuros, principalmente a noite.
Mas o Djjir é aviadado e não quis colocar tema escuro quando pediram pra ele.

+1 Rep  :Y:
Pelo mesmo motivo que qualquer site mainstream de leitura, como Google, Facebook etc são brancos.
Isso não é questão de opinião. Se um site é de leitura, a preferência é que seja fundo branco com letra escura pois é assim que nosso cérebro é acostumado a ler. Por isso também que livros são brancos com letras pretas.

For educational sites, where retention and readability, especially readability, are a major concern; black on white or a closely related combination of text should be used. This advantage appears to be the result of both the contrast ratio of black and white and the convention or familiarity, since white on black text (equivalent contrast, but much less common) was rated much lower on readability.
Dark Theme BMS 124
Estudo: https://sci-hub.tw/http://www.tandfonline.com/doi/abs/10.1080/01449290410001669932

______________________________
BMS agora em nova plataforma:
Forum.MixMods.com.br
Ordep_
Ordep_
Mensagens Nível 3
Mensagens Nível 3
Título : "O amor é apenas uma reação química"
Mensagens : 171
Reputação : 2
Desde : 21/01/2018
Idade : 16
Localização : Serra - ES
em Ter 20 Fev 2018, 12:01
Até que faz sentido, mas eu pessoalmente prefiro um tema escuro, além de ser mais estiloso combina mais com a cor do aero do meu windows.

______________________________
Dark Theme BMS Forum_10

Créditos : Daz_Vlad
Ordep_
Ordep_
Mensagens Nível 3
Mensagens Nível 3
Título : "O amor é apenas uma reação química"
Mensagens : 171
Reputação : 2
Desde : 21/01/2018
Idade : 16
Localização : Serra - ES
em Ter 20 Fev 2018, 17:08
Outra coisa que esqueci de falar, Junior, mesmo o padrão de site que tem leituras é ser claro, alguns sites famosos como YouTube e Twitter tão aderindo a nova ideia de tema escuro:


Youtube ↓
Dark Theme BMS Screen13

Twitter ↓
Dark Theme BMS Screen14

______________________________
Dark Theme BMS Forum_10

Créditos : Daz_Vlad
Junior_Djjr
Junior_Djjr
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Título : Censurando since 2011
Mensagens : 22701
Reputação : 727
Desde : 03/05/2012
Idade : 24
Localização : Ibitinga - SP
Link : www.MixMods.com.br
http://MixMods.com.br
em Qua 21 Fev 2018, 04:10
@Ordep_ escreveu:Outra coisa que esqueci de falar, Junior, mesmo o padrão de site que tem leituras é ser claro, alguns sites famosos como YouTube e Twitter tão aderindo a nova ideia de tema escuro:
Bem, isso não faz muito sentido.
Mas sim, Twitter faz.

Geralmente um site tem tema escuro para quem usa o PC à noite com luz apagada. Por isso Twitter e vários outros chamam de "modo noturno". É ótimo caso você acordou no meio da noite e resolveu abrir o celular, daí tem que estar em modo noturno ou seus olhos vão pro lixo. Feel Bro nem brilho mínimo resolve.
Quando tô a noite com luz apagada eu ativo o modo noturno do próprio Windows 10.

Mas, continua o que falei, isso são opções de tema escuro, e geralmente são "modos noturnos". Encontrar um site de leitura que o tema escuro seja único é muito raro. Geralmente são fóruns, como GTA Forums, mas sinceramente o tema escuro dele não me agrada, não consigo passar muito tempo lá. Mas também foi bem feito pois ele não é tão escuro, então gostei também. No Fórum MixMods escuro tô me inspirando nele.



Uma coisa que poderia melhorar nesse tema (que não testei, só olhei na imagem do post), são as bordas que separam as categorias/sub-fóruns, elas estão claras demais, tem que tomar cuidado com essas partes claras explodindo no meio das escuras pois cria contrastes desnecessários.
O fundo poderia ser um pouquinho mais claro para ficar um pouco mais próximo da área clara. O que também tá causando muito contraste.

______________________________
BMS agora em nova plataforma:
Forum.MixMods.com.br
Jacobi
Jacobi
Moderador
Moderador
Título : Memento Mori
Mensagens : 984
Reputação : 60
Desde : 13/12/2015
Idade : 23
Localização : Santa Cruz do Sul
Link : discord.gg/dmFa2TF
https://discord.gg/q5G6SZc
em Qua 21 Fev 2018, 20:25
@Junior_Djjr escreveu:
Uma coisa que poderia melhorar nesse tema (que não testei, só olhei na imagem do post), são as bordas que separam as categorias/sub-fóruns, elas estão claras demais, tem que tomar cuidado com essas partes claras explodindo no meio das escuras pois cria contrastes desnecessários.
O fundo poderia ser um pouquinho mais claro para ficar um pouco mais próximo da área clara. O que também tá causando muito contraste.

usando não parece tanto, a cor do hover das categorias é o mesmo desses separadores, outra hora testo um tom mais escuro

______________________________
MitoSilent
MitoSilent
Mensagens Nível 1
Mensagens Nível 1
Mensagens : 1
Reputação : 0
Desde : 10/04/2018
Idade : 25
Localização : Jandaia do Sul, Paraná
em Sex 27 Abr 2018, 08:40
https://docs.google.com/document/d/1ZM2TzNN8AVcvUWgKuiv10iO3FQHqdnKBru8fKPdaGng/edit?usp=sharing

Poderia sim tem uma opção de tema escuro, eu edito manualmente quando vou ler textos grandes pois a vista cansa com temas claros Feel Bro
Junior_Djjr
Junior_Djjr
Scripter CLEO - Avançado
Scripter CLEO - Avançado
Título : Censurando since 2011
Mensagens : 22701
Reputação : 727
Desde : 03/05/2012
Idade : 24
Localização : Ibitinga - SP
Link : www.MixMods.com.br
http://MixMods.com.br
em Sex 27 Abr 2018, 09:15
@MitoSilent escreveu:https://docs.google.com/document/d/1ZM2TzNN8AVcvUWgKuiv10iO3FQHqdnKBru8fKPdaGng/edit?usp=sharing

Poderia sim tem uma opção de tema escuro, eu edito manualmente quando vou ler textos grandes pois a vista cansa com temas claros Feel Bro
Leia as mensagens aqui, especialmente a minha última.

______________________________
BMS agora em nova plataforma:
Forum.MixMods.com.br
LukasCelli
LukasCelli
Designer - Avançado
Designer - Avançado
Título : <title/>
Mensagens : 836
Reputação : 89
Desde : 03/06/2012
Idade : 23
Localização : Gransys
Link : https://www.artstation.com/artist/lucascelli
http://lucascelli.deviantart.com/
em Sab 05 Maio 2018, 08:09
Bom... da pra aplicar um "modo noturno" em qualquer página com um simples javascript :)
Fiz isso enquanto testava umas coisas para meus sites... e notei que ninguém fez isso usando filtros de sépia/saturação ainda, a maioria do que se acha por aí é pra deixar a página escura :v

Modo Noturno
fonte do código

Clique ou arraste o botão acima pra barra de favoritos p/salva-lo.
E sim o efeito está forte, rs.

______________________________
Dark Theme BMS QxmJEe1Dark Theme BMS 02pskrR Dark Theme BMS MUwddoT Dark Theme BMS AZKUs3Y Dark Theme BMS GiDnqwj
Jacobi
Jacobi
Moderador
Moderador
Título : Memento Mori
Mensagens : 984
Reputação : 60
Desde : 13/12/2015
Idade : 23
Localização : Santa Cruz do Sul
Link : discord.gg/dmFa2TF
https://discord.gg/q5G6SZc
em Dom 06 Maio 2018, 20:51
@LukasCelli escreveu:Bom... da pra aplicar um "modo noturno" em qualquer página com um simples javascript :)
Fiz isso enquanto testava umas coisas para meus sites... e notei que ninguém fez isso usando filtros de sépia/saturação ainda, a maioria do que se acha por aí é pra deixar a página escura :v

Modo Noturno
fonte do código

Clique ou arraste o botão acima pra barra de favoritos p/salva-lo.
E sim o efeito está forte, rs.
E como faz pra desativar? Só atualizando?

______________________________
LukasCelli
LukasCelli
Designer - Avançado
Designer - Avançado
Título : <title/>
Mensagens : 836
Reputação : 89
Desde : 03/06/2012
Idade : 23
Localização : Gransys
Link : https://www.artstation.com/artist/lucascelli
http://lucascelli.deviantart.com/
em Dom 13 Maio 2018, 16:59
@Jacobi escreveu:E como faz pra desativar? Só atualizando?
Modo Noturno ON Modo Noturno OFF
Só editei o css que o script carrega.

______________________________
Dark Theme BMS QxmJEe1Dark Theme BMS 02pskrR Dark Theme BMS MUwddoT Dark Theme BMS AZKUs3Y Dark Theme BMS GiDnqwj
Furiioso
Furiioso
Modelador - Básico
Modelador - Básico
Título : Veryzonist
Mensagens : 2296
Reputação : 15
Desde : 16/02/2017
Link : youtube.com/channel/UCPihhJqS2K5uqXfzIu3fMZw
em Qua 16 Maio 2018, 22:39
ces e bao memo hein

______________________________


Jacobi
Jacobi
Moderador
Moderador
Título : Memento Mori
Mensagens : 984
Reputação : 60
Desde : 13/12/2015
Idade : 23
Localização : Santa Cruz do Sul
Link : discord.gg/dmFa2TF
https://discord.gg/q5G6SZc
em Dom 20 Maio 2018, 21:49
@LukasCelli escreveu:
@Jacobi escreveu:E como faz pra desativar? Só atualizando?
Modo Noturno ON Modo Noturno OFF
Só editei o css que o script carrega.
comecei a usar <3 uma hora dessas vou abrir o cod pra colocar uma camada de preto por cima ainda.

______________________________
Jacobi
Jacobi
Moderador
Moderador
Título : Memento Mori
Mensagens : 984
Reputação : 60
Desde : 13/12/2015
Idade : 23
Localização : Santa Cruz do Sul
Link : discord.gg/dmFa2TF
https://discord.gg/q5G6SZc
em Dom 15 Dez 2019, 20:04
Atualizado. Correções em hovers, maior contraste em alguns elementos. Ainda há muita coisa a ser feita, mas vontade 0.
Me avisem se algum bug impossibilitar o uso do fórum.

______________________________
Gabriel
Gabriel
Veterano
Veterano
Mensagens : 7146
Reputação : 64
Desde : 29/12/2012
Idade : 19
Localização : Cidade - Estado
Link : /2012
em Seg 20 Jan 2020, 16:28
huh, interessante. se quiserem a mesma coisa pra outros sites, tem uma extensão chamada dark reader(firefox, mas deve ter pros outros tb) q tenta deixar todas as páginas em modo dark
aq como ficou o fórum dps da extensão:
Dark Theme BMS DarkBMS

______________________________
Assinatura por Jacobi
Dark Theme BMS 33cved2
Dark Theme BMS 76561198152066232 Dark Theme BMS AddFriend
Jacobi
Jacobi
Moderador
Moderador
Título : Memento Mori
Mensagens : 984
Reputação : 60
Desde : 13/12/2015
Idade : 23
Localização : Santa Cruz do Sul
Link : discord.gg/dmFa2TF
https://discord.gg/q5G6SZc
em Ter 21 Jan 2020, 00:42
@Gabriel escreveu:huh, interessante. se quiserem a mesma coisa pra outros sites, tem uma extensão chamada dark reader(firefox, mas deve ter pros outros tb) q tenta deixar todas as páginas em modo dark
aq como ficou o fórum dps da extensão:
Po mas ai tu me quebra YUNO

______________________________
Gabriel
Gabriel
Veterano
Veterano
Mensagens : 7146
Reputação : 64
Desde : 29/12/2012
Idade : 19
Localização : Cidade - Estado
Link : /2012
em Ter 21 Jan 2020, 21:49
@Jacobi escreveu:
Po mas ai tu me quebra YUNO

AHEUHEAJEHAE

ainda dá pra usar a tua versão com o dark reader, só desativar ele no fórum :v:

______________________________
Assinatura por Jacobi
Dark Theme BMS 33cved2
Dark Theme BMS 76561198152066232 Dark Theme BMS AddFriend
Conteúdo patrocinado
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum