hhy5277 / cssgithubwindows

(UserStyle) GitHub Windows Edition [MIT]

GitHub Windows Edition: User style transforming GitHub into Windows 9x

• GitHub repository

CssGitHubWindows is a user style which transforms GitHub's pages into GUI resembling Windows 9x. All modern browsers should be supported.

NOTE: the style is a proof-of-concept / alpha. Only some parts of the website have been fully transformed.

Screenshots

Features

• Almost pixel-perfect reproduction of buttons, tabs, separators, groups, edit boxes, list boxes, tooltips, windows.
• Focus rectangles, text selection styles and other elements adjusted where possible.
• Some icons changed into icons from Windows 9x.
• Some UI has been transformed, for example repository stats are displayed as a shell list box and various group boxes have been titled.

Install

You can use either Stylus or Stylish extension (only one is required). Stylus is free, open-source and with more features; Stylish is older and with questionable practices, but more popular. If your browser is neither Firefox nor Chrome, please refer to online guides, it gets more complicated.

Click on the extension title to see detailed instructions.

A. Stylus

1. Add Stylus extension to your browser:

   • Stylus for Firefox
   • Stylus for Chrome

2. Add user style:

   • Open CSS file in this Gist.
   • Click "Install Style" button in the opened window.

B. Stylish

1. Add Stylish extension to your browser:

   • Stylish for Firefox
   • Stylish for Chrome

2. Add user style:

   • Visit style page on UserStyles.org.
   • Click "Install with Stylish" button.

Known issues

• Due to requirement of elements to have multiple borders, size of some controls like buttons has been changed. If GitHub uses pixel sizes for buttons, they may be cut by a few pixels.
• Due to tooltips being children of controls, they change full control size, so focus borders may be displayed incorrectly.

License

Licensed under the MIT License.

Links

• Source of inspiration — post on Twitter
• Resource Hacker — tool for extracting icons from executable files, including Windows 95 system files
• PNG optimizer — online tool for optimizing PNG files
• Base64 encoder — online tool for embedding images in CSS as data URIs
• Simpler competitor — someone did that before
• Stylus for Firefox — modern extension for applying user styles for Firefox
• Stylus for Chrome — modern extension for applying user styles for Chrome
• Stylish for Firefox — old extension for applying user styles for Firefox
• Stylish for Chrome — old extension for applying user styles for Chrome