CssGitHubWindows

GitHub Windows Edition: style utilisateur transformant GitHub en Windows 9x

• Référentiel GitHub

CSSGitHubWindows est un style utilisateur qui transforme les pages de GitHub en GUI ressemblant à Windows 9x. Tous les navigateurs modernes doivent être pris en charge.

Remarque: le style est en phase de développement alpha. Seules certaines parties du site Web ont été entièrement transformées.

Captures d'écran

Caractéristiques

• Presque reproduction parfaite des boutons, onglets, séparateurs, groupes, boîtes de modification, boîtes de liste, info-bulles, fenêtres.
• Focus Rectangles, Styles de sélection de texte et autres éléments ajustés dans la mesure du possible.
• Certaines icônes se sont changées en icônes de Windows 9x.
• Une interface utilisateur a été transformée, par exemple, les statistiques du référentiel sont affichées sous forme de boîte de liste de shell et diverses boîtes de groupe ont été intitulées.

Installer

Si vous utilisez Firefox ou Chrome , vous pouvez utiliser STYLUS Extension pour appliquer le style. Le stylet est gratuit, open-source et l'extension la plus pleine de fonctionnalités.

L'élégant est une alternative plus ancienne qui n'est plus disponible, mais elle a été plus populaire. Si vous l'avez toujours installé, vous pouvez appliquer le style utilisateur en l'utilisant, mais il vous est fortement conseillé de migrer vers le stylet car élégant a été supprimé des magasins d'extension de navigateur pour violer la confidentialité des utilisateurs.

Si vous utilisez Edge , vous pouvez utiliser Tampermonkey pour installer le style utilisateur en tant que script utilisateur.

Si votre navigateur n'est aucun des navigateurs mentionnés ci-dessus, veuillez vous référer aux guides en ligne, cela devient plus compliqué.

Cliquez sur le titre d'extension pour voir des instructions détaillées.

A. Firefox ou Chrome: stylet

1. Ajoutez une extension du stylet à votre navigateur:

   • Stylus pour Firefox
   • Stylet pour chrome

2. Ajouter un style utilisateur:

   • Ouvrez le fichier .User.css.
   • Cliquez sur le bouton "Installer Style" dans la fenêtre ouverte.

B. Firefox ou Chrome: élégant

ATTENTION: La migration vers le stylet est fortement conseillée.

1. Ajoutez une extension élégante à votre navigateur:

   • Élégant pour Firefox (plus disponible)
   • Élégant pour Chrome (plus disponible)

2. Ajouter un style utilisateur:

   • Visitez la page Style sur UsersTyles.org.
   • Cliquez sur le bouton "Installer avec élégant".

C. Edge: Tampermonkey

1. Ajoutez une extension Tampermonkey à votre navigateur:

   • Tampermonkey pour Edge

2. Ajouter un style utilisateur:

   • Ouvrez le fichier .User.js à partir de la page de style sur Userstyles.org.
   • Cliquez sur le bouton "Installer".

Problèmes connus

• Les marges par défaut de certains contrôles comme les boutons ont été modifiées. Si GitHub utilise des tailles de pixels pour les boutons, ils peuvent être coupés par quelques pixels.
• En raison des infractions en raison des enfants des contrôles, ils modifient la taille totale du contrôle, de sorte que les frontières de mise au point peuvent être affichées incorrectement.

Licence

Licencié sous la licence du MIT.

Copyright (C) 2018 Alexander Prokhorov.

Links

• Outils:

  • Hacker de ressources - outil d'extraction des icônes à partir de fichiers exécutables, y compris les fichiers système Windows 95
  • Optimiseur PNG - outil en ligne pour optimiser les fichiers PNG
  • Encodeur Base64 - outil en ligne pour intégrer des images dans CSS sous forme de données URIS

• Extensions du navigateur:

  • Stylus pour Firefox - Extension pour appliquer les styles d'utilisateurs pour Firefox
  • Stylus pour Chrome - Extension pour appliquer les styles d'utilisateur pour Chrome
  • Tampermonkey pour Edge - Extension pour l'application des scripts utilisateur pour Edge, qui peut également être utilisé pour appliquer les styles d'utilisateur
  • Élégant pour Firefox - ancienne extension pour appliquer les styles d'utilisateurs pour Firefox
  • Élégant pour Chrome - ancienne extension pour appliquer les styles d'utilisateurs pour Chrome

• En rapport:

  • Source d'inspiration - publier sur Twitter
  • Style alternatif - le style est plus simple, mais a une esthétique rétro
  • Un autre style alternatif - plus proche du thème Windows classique que le précédent, mais moins complet