CssGitHubWindows

Github Windows Edition: Estilo do usuário Transformando o Github em Windows 9x

• Repositório do GitHub

O CSSGithubWindows é um estilo de usuário que transforma as páginas do GitHub em uma GUI semelhante ao Windows 9x. Todos os navegadores modernos devem ser apoiados.

Nota: O estilo está em estágio de desenvolvimento alfa. Apenas algumas partes do site foram totalmente transformadas.

Capturas de tela

Características

• Quase reprodução de botões, guias, separadores, grupos, caixas de edição, caixas de listagem, dicas de ferramentas, Windows.
• Foco retângulos, estilos de seleção de texto e outros elementos ajustados sempre que possível.
• Alguns ícones mudaram para ícones do Windows 9x.
• Alguma interface do usuário foi transformada, por exemplo, as estatísticas do repositório são exibidas como uma caixa de listagem de shell e várias caixas de grupo foram intituladas.

Instalar

Se você estiver usando o Firefox ou o Chrome , poderá usar a extensão da Stylus para aplicar o estilo. A Stylus é gratuita, de código aberto e a extensão mais cheia de recursos.

Stylish é uma alternativa mais antiga que não está mais disponível, mas tem sido mais popular. Se você ainda o tiver instalado, pode aplicar o estilo do usuário usando -o, no entanto, é fortemente aconselhado a migrar para a Stylus como elegante foi removido das lojas de extensão do navegador para violar a privacidade do usuário.

Se você estiver usando o Edge , pode usar o TamperMonkey para instalar o estilo do usuário como um script do usuário.

Se o seu navegador não for nenhum dos navegadores mencionados acima, consulte os guias on -line, ele ficará mais complicado.

Clique no título de extensão para ver instruções detalhadas.

A. Firefox ou Chrome: Stylus

1. Adicione a extensão da caneta ao seu navegador:

   • Caneta para o Firefox
   • Caneta para cromo

2. Adicionar estilo do usuário:

   • Abra o arquivo .user.css.
   • Clique no botão "Instalar estilo" na janela aberta.

B. Firefox ou Chrome: elegante

CUIDADO: Migrar para a caneta é fortemente aconselhado.

1. Adicione uma extensão elegante ao seu navegador:

   • Elegante para o Firefox (não mais disponível)
   • Elegante para o Chrome (não mais disponível)

2. Adicionar estilo do usuário:

   • Visite a página de estilo no userstyles.org.
   • Clique no botão "Instale com elegante".

C. Edge: Tampermonkey

1. Adicione a extensão do tampermonkey ao seu navegador:

   • Tirmonkey para Edge

2. Adicionar estilo do usuário:

   • Abra o arquivo .user.js da página de estilo no userstyles.org.
   • Clique no botão "Instalar".

Questões conhecidas

• As margens padrão de alguns controles como botões foram alteradas. Se o Github usar tamanhos de pixel para botões, eles poderão ser cortados por alguns pixels.
• Devido às dicas de ferramentas serem filhos de controles, eles alteram o tamanho de controle total, para que as fronteiras de foco possam ser exibidas incorretamente.

Licença

Licenciado sob a licença do MIT.

Copyright (c) 2018 Alexander Prokhorov.

Links

• Ferramentas:

  • Hacker de recursos - ferramenta para extrair ícones de arquivos executáveis, incluindo arquivos do sistema Windows 95
  • PNG Optimizer - Ferramenta on -line para otimizar arquivos PNG
  • Base64 Encoder - ferramenta online para incorporar imagens no CSS como Data Uris

• Extensões do navegador:

  • Stylus para Firefox - Extensão para aplicar estilos de usuário para Firefox
  • Stylus para Chrome - Extensão para aplicar estilos de usuário para Chrome
  • Tampermonkey for Edge - Extensão para aplicar scripts de usuário para borda, que podem ser usados ​​para aplicar estilos de usuário também
  • Elegante para Firefox - Extensão antiga para aplicar estilos de usuário para Firefox
  • Elegante para Chrome - Extensão antiga para aplicar estilos de usuário para Chrome

• Relacionado:

  • Fonte de inspiração - Post no Twitter
  • Estilo alternativo - o estilo é mais simples, mas tem uma estética retrô
  • Outro estilo alternativo - mais próximo do tema clássico do Windows do que o anterior, mas menos completo