Usuário:Juan90264/Proposta-Blackskin

Captura de tela com o novo modo escuro proposto no Vector (2022).

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;
}

[...]

--~~~~