https://github.com/stylishthemes/github-selected-tab-color

:flags: Add a custom selected tab color to GitHub
https://github.com/stylishthemes/github-selected-tab-color

css github theme usercss userstyle

Last synced: 5 months ago
JSON representation

:flags: Add a custom selected tab color to GitHub

• Host: GitHub
• URL: https://github.com/stylishthemes/github-selected-tab-color
• Owner: StylishThemes
• License: other
• Created: 2016-07-18T19:07:43.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2022-11-11T11:49:30.000Z (about 3 years ago)
• Last Synced: 2025-05-19T10:19:01.646Z (8 months ago)
• Topics: css, github, theme, usercss, userstyle
• Language: CSS
• Homepage: https://github.com/StylishThemes/GitHub-Selected-Tab-Color/raw/master/github-selected-tab-color.user.css
• Size: 122 KB
• Stars: 48
• Watchers: 10
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Authors: AUTHORS

Awesome Lists containing this project

README

          
# GitHub Selected Tab Color [![](https://img.shields.io/github/tag/StylishThemes/GitHub-Selected-Tab-Color.svg?label=%20version%20)](https://github.com/StylishThemes/GitHub-Selected-Tab-Color/tags) [![](http://github-svg-buttons.herokuapp.com/star.svg?user=StylishThemes&repo=GitHub-Selected-Tab-Color&style=flat&background=007ec6)](http://github.com/StylishThemes/GitHub-Selected-Tab-Color) [![](https://img.shields.io/github/forks/StylishThemes/GitHub-Selected-Tab-Color.svg?style=flat)](https://github.com/StylishThemes/GitHub-Selected-Tab-Color/network)

Add a custom selected tab color to GitHub's main navigation, issue comment tabs and both the repo and user settings tabs.

## Preview

Site Navigation

![](https://cloud.githubusercontent.com/assets/136959/16926830/2278a662-4cf0-11e6-82d9-bab597113a7d.png)

Issue comment tabs

![](https://cloud.githubusercontent.com/assets/136959/16926837/2fe44d6a-4cf0-11e6-89e3-840d30e0e223.png)

Repo & user settings side navigation

![](https://cloud.githubusercontent.com/assets/136959/16926846/387d1984-4cf0-11e6-9dbb-d8ad1b160bc2.png)

Repo selected filter

![](https://cloud.githubusercontent.com/assets/136959/16935752/923324be-4d27-11e6-8f72-2a69388ed406.png)

## Installation

A userstyle extension is required, common ones include:

🎨 Stylus for [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/), [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) or [Opera](https://addons.opera.com/en-gb/extensions/details/stylus/).


🎨 xStyle for [Firefox](https://addons.mozilla.org/firefox/addon/xstyle/) or [Chrome](https://chrome.google.com/webstore/detail/xstyle/hncgkmhphmncjohllpoleelnibpmccpj).

Then:

📦 [Install the usercss](https://github.com/StylishThemes/GitHub-Selected-Tab-Color/raw/master/github-selected-tab-color.user.css) with Stylus or xStyle. Supports automatic updates.

## Additional Userstyles

⚙️ [GitHub-Dark](https://github.com/StylishThemes/GitHub-Dark) The main GitHub style for which the GitHub Selected Tab Color is for.


⚙️ [GitHub-Community-Dark](https://github.com/StylishThemes/GitHub-Community-Dark) The GitHub Community Dark style for which the GitHub Selected Tab Color is also for.


⚙️ [GitHub-code-wrap](https://github.com/StylishThemes/GitHub-code-wrap) to wrap long lines in code boxes.


⚙️ [GitHub-Commit-Limit](https://github.com/StylishThemes/GitHub-Commit-Limit) to show line length limits when editing a commit message.


⚙️ [GitHub-FixedHeader](https://github.com/StylishThemes/GitHub-FixedHeader) to have a fixed header.


⚙️ [GitHub-tab-size](https://github.com/StylishThemes/GitHub-tab-size) to set a fixed tab size in code.

## Recent Changes

Please see the [change log](CHANGELOG.md)

## Contributions

If you would like to contribute to this repository, please...

1. 👓 Read the [contribution guidelines](CONTRIBUTING.md).

2. ![repo-forked](https://user-images.githubusercontent.com/136959/42383736-c4cb0db8-80fd-11e8-91ca-12bae108bccc.png) [fork](https://github.com/StylishThemes/GitHub-Selected-Tab-Color/fork) or ![cloud-download](https://user-images.githubusercontent.com/136959/42401932-9ee9cae0-813d-11e8-8691-16e29a85d3b9.png)

[Download](https://github.com/StylishThemes/GitHub-Selected-Tab-Color/archive/master.zip),

3. 👌 Create a pull request!

Thanks to all that have [contributed](AUTHORS) so far!