Stylus Rules
A collection of custom CSS styles that enhance the user experience of various web services, designed to work with the Stylus browser extension that allows you to customize the appearance of websites using custom CSS.
There are currently 23 stylus rules, with 24 versions between them.
Table of Contents
Installation
Step 1: Install Stylus Extension
First, you need to install the Stylus browser extension:
- Chrome/Edge/Brave: Install from Chrome Web Store
- Firefox: Install from Firefox Add-ons
Step 2: Install a Style Rule
Once you have Stylus installed:
- Click on a style name below to view its details
- Click the "Install Style" button
- Stylus will automatically open and show you a preview
- Click "Install style" in the Stylus dialog
Available Styles
Azure-devops
Azure DevOps: Colour Code Tags
Applies colour coding to specific tags in Azure DevOps work items for quick visual identification.
Azure DevOps: Estimation Links
Improves link visibility in the Azure DevOps estimation extension with better contrast colours.
Azure DevOps: Highlight Key Information
Highlights important information in Azure DevOps pull requests to reduce the likelihood of errors.
Azure DevOps: Highlight PR Comment State
Colour-codes PR comment states (Active, Pending, Resolved) in Azure DevOps with distinctive colours for quick status identification.
Azure DevOps: Highlight PR Reviewer Votes
Highlights PRs based on reviewer approval status in Azure DevOps to quickly identify PRs needing attention.
Azure DevOps: Highlight Release Tags
Highlights work item tags ending with 'Release' in Azure DevOps for quick identification of release-related items.
Azure DevOps: Improve PR Creation Screen
Removes maximum width constraint on PR creation form in Azure DevOps for better use of available screen space.
Azure DevOps: PR View Enhancements
Adds red border to unnecessary code suggestions in Azure DevOps PRs for better visibility.
Azure DevOps: Release PR Tags
Highlights specific release tags with environment labels in Azure DevOps PRs.
Focusmate
Focusmate: Avoid Ellipsis
Prevents text truncation with ellipsis in partner names and session titles on Focusmate by allowing text to wrap.
Focusmate: Session Text Fix
Fixes white text on white background issue in dark mode on Focusmate session pages.
Focusmate: Without Profile Pictures
Hides profile pictures on the Focusmate dashboard for a cleaner, more focused interface.
Gridfox
Gridfox: Highlight Today in Month View
Highlights the current day in the Gridfox month view calendar with a green border and "Today" label.
Gridfox: Highlight Today in Week View
Highlights the current day in the Gridfox week view calendar with a light blue background for easy identification.
Hashnode
Hashnode: Dark Mode Enhancement
Applies dark mode styling to Hashnode with a custom dark colour scheme.
Hibob
HiBob: Hide AI Banners
Hides AI information strips in HiBob for a cleaner interface.
Stackoverflow
Stack Overflow: Hide AI Assist
Hides AI assist prompts and elements on Stack Overflow.
Stack Overflow: Wide Screen
Increases the maximum width of content containers on Stack Overflow and Stack Exchange sites for better use of wide monitors.
Todoist
Todoist: Wider Task Details Modal
Increases the width of task details modal and view content in Todoist for better visibility on wide screens.
Wikipedia
Wikipedia: Hide Fundraising Banner
Hides the fundraising banner on Wikipedia for a cleaner reading experience.
Zendesk
Zendesk: Dark Mode Text Clarifier
Converts black text into a light colour. This is intended for use with dark mode.
Zendesk: Information Highlighter
UI enhancements for Zendesk including view highlighting and organization visibility.
Zendesk: Toggl Button Highlighter
Adds visual indicators to the Toggl button in Zendesk - green border when timer is active, red border when inactive.
Automatic Updates
When you install a style using the "latest" link, Stylus will automatically check for updates and notify you when a new version is available. If you prefer to use a specific version that won't change, click on the version number instead of "latest".