https://github.com/xt0rted/github-mention-highlighter

A UserCSS style to highlight @mentions on GitHub so they're easier to see
https://github.com/xt0rted/github-mention-highlighter

dark-theme github mentions usercss userstyle

Last synced: 6 months ago
JSON representation

A UserCSS style to highlight @mentions on GitHub so they're easier to see

• Host: GitHub
• URL: https://github.com/xt0rted/github-mention-highlighter
• Owner: xt0rted
• License: other
• Created: 2020-02-18T13:20:56.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-01-08T22:43:13.000Z (over 3 years ago)
• Last Synced: 2025-02-08T12:24:03.437Z (8 months ago)
• Topics: dark-theme, github, mentions, usercss, userstyle
• Language: CSS
• Homepage:
• Size: 38.1 KB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# GitHub Mention Highlighter

[![Install UserCSS](https://img.shields.io/badge/Install-Default%20UserCSS-285959.svg)](https://raw.githubusercontent.com/xt0rted/github-mention-highlighter/master/github-mention-highlighter.user.css)

[![Install UserCSS](https://img.shields.io/badge/Install-GitHub%20Dark%20UserCSS-285959.svg)](https://raw.githubusercontent.com/xt0rted/github-mention-highlighter/master/github-dark-mention-highlighter.user.css)

[![CC--BY--SA--4.0](https://img.shields.io/badge/License-%20CC--BY--SA--4.0%20-blue.svg)](LICENSE)

A UserCSS style to highlight `@mentions` on GitHub so they're easier to see.

Mentions are highlighted in blue and there's an optional configurable style for mentions of yourself which are yellow.

There are two versions of this style, one for GitHub's default style, and one for users of [GitHub Dark](https://github.com/StylishThemes/GitHub-Dark).

## Installation

Install either [Stylus](https://github.com/openstyles/stylus/) ([Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne), [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/), [Opera](https://addons.opera.com/en-gb/extensions/details/stylus/)) or [Cascadea for Safari](https://cascadea.app/) and then select from one of the following options:

- [Default style](https://raw.githubusercontent.com/xt0rted/github-mention-highlighter/master/github-mention-highlighter.user.css)

- [GitHub Dark style](https://raw.githubusercontent.com/xt0rted/github-mention-highlighter/master/github-dark-mention-highlighter.user.css)

Once installed make sure to set your GitHub username in the settings.

## Preview

Default | GitHub Dark

-- | --

![Example of default style](docs/default.png) | ![Example of GitHub Dark style](docs/github-dark.png)