Usuário:Juan90264/Proposta-Blackskin
Olá comunidade! Já faz anos que existe o gadget MediaWiki:Gadget-blackskin.css funcionando como um tema verde e preto, porém com vários problemas, não funcionando direito em várias partes do projeto. Visto isso, decidi reaproveitar o método usado desse gadget, e o refiz criando um novo tema de modo escuro.
Para desenvolver esse código me baseei com o modo escuro do aplicativo da Wikipédia e de outros modos escuros, e aos poucos fui desenvolvendo o código e ao mesmo testando-o, com ajuda dos usuários Bageense, DarwIn e Renato de Carvalho Ferreira, e depois de alguns meses venho propor o resultado final do novo modo escuro.
Ao lado deixei uma captura de tela demonstrando como o funcionamento do código do modo escuro. O código está adaptado para funcionar em todas as skins disponíveis em Especial:Preferências (Vector [2022], Vector, MinervaNeue, Monobook e Timeless, e no gadget continuará esse mesmo funcionamento).
Com essa proposta venho propor alterações em certas páginas, se aprovada:
O texto em MediaWiki:Gadget-blackskin: BlackSkin: deixa a interface em cores em contraste (verde e preto). [comentários]
|
Passe a ser: BlackSkin: deixa a interface em cores de modo escuro. [comentários]
|
A mudança proposta no texto da página citada abaixo, passará a utilizar o código dessa página, Usuário:Juan90264/blackskin.css.
O texto em MediaWiki:Gadget-blackskin.css: /*
* Deixa a skin em cores em contraste (verde e preto)
* @author: [[en:User:Brian0918]]
Att: 03/jul/2012 [[pt:user:!Silent]]
*/
#p-cactions {
background-color: #000000;
}
#p-cactions li {
background-color: #000000;
border-color: #008000;
}
#p-cactions li.selected {
background-color: #000000;
}
|
Passe a ser: /*
* Blackskin
*
* Deixa a skin em cores de modo escuro
* @author: [[en:User:Brian0918]] (Versão original do código, em verde e preto)
* @author: [[pt:User:Juan90264]] (Readaptação da paleta de cores do gadget, adaptação para o novo vector)
*/
/* Color background */
body {
background: #202124;
}
body:not(.ns-100) {
color: #ffffff;
}
#content {
background: #202124 !important;
}
|
--~~~~