CSS Overrider

by Rahmathullah M · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Override CSS properties for any website with custom styles

Users

+3 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#134K

#112K among extensions

Version

1.0.0

updated 8 Dec 2025

Users

monthly, 10 months

Latest, 16 Oct 2026: 28 usersMove the mouse over the chart for any month

Ratings count

monthly, 10 months

Latest, 16 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About CSS Overrider

Override CSS on any website with custom styles. Supports regex patterns for flexible URL matching. Perfect for developers! 🎨 KEY FEATURES • Custom CSS Injection - Apply your own styles to any website • Regex Pattern Support - Match multiple URLs with flexible patterns (e.g., .*github.* matches all GitHub pages) • Local Storage - All rules saved securely in your browser • Easy Management - View, edit, and delete rules with a clean interface • Auto-Apply - CSS automatically applies when you visit matching sites • No Syntax Errors - Simple textarea for quick CSS entry 🔧 PERFECT FOR • Web Developers - Test CSS changes before implementing • Designers - Customize website appearance for mockups • Power Users - Improve readability and accessibility • Dark Mode Lovers - Create dark themes for any site • Ad Blockers - Hide unwanted elements with CSS • Accessibility - Increase font sizes, adjust colors 💡 HOW TO USE 1. Click the extension icon in your toolbar 2. Enter the website URL (supports regex like .*example.*) 3. Add your custom CSS code in the textarea 4. Click "Apply" to save and activate 5. Visit the website to see your changes instantly 6. Manage all your rules from the popup interface 📝 EXAMPLE USE CASES Dark Mode for Any Site: body { background-color: #1e1e1e !important; color: #e0e0e0 !important; } Hide Distracting Elements: .ad, .sidebar, .popup { display: none !important; } Improve Readability: body { max-width: 800px; margin: 0 auto; line-height: 1.8; font-size: 18px; } Custom Fonts: * { font-family: 'Georgia', serif !important; } 🛡️ PRIVACY & SECURITY • 100% Local Storage - All data stays in your browser • No External Servers - Works completely offline • No Data Collection - We don't track or collect anything • Open Source - Code is transparent and auditable • No Ads - Completely free with no advertisements 🚀 TECHNICAL DETAILS • Supports all CSS3 properties • Regex pattern matching for URLs • Persistent storage across browser sessions • Lightweight and fast performance • Compatible with all websites • Regular updates and improvements