Color Rules Manager EN

Color Rules Manager is a powerful and versatile browser extension designed to help users easily apply custom colors to web page elements based on Google Cloud Platform (GCP) project names, website origins, or specific URL patterns. By allowing you to visually differentiate between various environments and web contexts, this extension significantly enhances your browsing experience, particularly if you manage multiple GCP projects, oversee complex web applications, or simply want to organize your online workspace with clear color cues.

With Color Rules Manager, users can define precise styling rules that link CSS selectors to color schemes, targeting elements dynamically according to your specified criteria such as a GCP project identifier (for example, “chrome-formula-475702-n3”), a web origin (like “domain.com”), or URL patterns that include keywords like “/dev/.” Once set up, these rules automatically highlight matching elements on web pages as they load, providing instant visual feedback that reduces confusion, streamlines workflow, and helps prevent errors—especially in environments where distinguishing between development, staging, and production is crucial.

The extension offers an intuitive popup interface where you can manage your color rules with ease. You can import entire rule sets from JSON files, add or edit individual rules, and view active configurations all within a clean, user-friendly environment. Color Rules Manager performs built-in validation to ensure that your color selections and CSS selectors are valid, giving you helpful feedback to avoid misconfigurations and maintain accurate targeting. This efficient management interface makes it accessible both to technical users who manage cloud infrastructures and to everyday users who prefer a visually organized browsing experience.

Designed with modern browsers in mind, Color Rules Manager uses Chrome’s storage APIs to save and synchronize your settings across devices, ensuring your custom color schemes are always with you, whether on your desktop or laptop. Importantly, the extension respects your privacy by not collecting any personal browsing data, focusing solely on empowering you to customize your web environments safely.

Key Features:
- Robust color rule engine that applies styles automatically based on GCP project name, website origin, or URL pattern.
- Convenient import functionality allowing bulk color rule uploads from JSON files, complete with integrated syntax and error validation.
- Intuitive popup interface for viewing, adding, editing, and managing active color rules with real-time updates.
- Support for multiple CSS selectors enabling detailed and flexible customization across diverse web pages and apps.
- Instant application of color stylings to matched elements, improving environment recognition and reducing operational mistakes.
- Synchronized storage of rules for seamless usage across multiple devices and browser sessions.
- Commitment to user privacy with no personal data collection or tracking.

How It Works:
1. Install Color Rules Manager from your browser’s extension store.
2. Access the popup interface to import your color rules via JSON files or create rules manually by specifying selectors and colors.
3. The extension automatically checks the validity of your rules, confirming proper syntax and selector applicability.
4. During web browsing, Color Rules Manager detects pages matching your rules based on GCP project name, origin, or URL patterns and applies corresponding colors to targeted elements.
5. Use the popup to review, modify, add, or delete rules at any time to fine-tune your personalized styling.
6. Observe immediate visual feedback on web pages as elements are colored upon matching your criteria.
7. All rule configurations are saved and synchronized securely across sessions and devices, ensuring consistency wherever you browse.

Privacy: - No personal data collected.