Overview
I would like to request and implement a monochrome/colorless icon mode for all browser interface and extension icons in Orion RC Browser. This feature would convert all colored icons (including browser UI elements and extension/add-on icons) to black and white or grayscale variants.
Rationale
- Enhanced UI consistency: Creates a unified visual language across all browser elements
- Reduced visual clutter: Minimizes distractions from colorful icons competing for attention
- Improved focus: Helps users concentrate on content rather than interface elements
- Accessibility benefits: May reduce visual strain for users with certain visual sensitivities
- Aesthetic preference: Provides a cleaner, more minimalist appearance for users who prefer subdued interfaces
- Brand neutrality: Reduces visual emphasis on third-party brands/extensions in the browser interface
Implementation Details
Requested Functionality
- Global toggle option in browser settings to enable/disable monochrome icon mode
- Application scope:
- All browser UI icons (navigation, menu, toolbar, etc.)
- All extension/add-on icons in the toolbar
- All icons in browser menus and panels
Technical Considerations
Icon processing method options:
- CSS filter-based conversion (grayscale, brightness, contrast adjustments)
- SVG filter application for vector icons
- Pre-rendered alternative icon sets
Customization options:
- Allow users to choose specific icon sets to remain colored
- Provide contrast/brightness adjustment for monochrome icons
- Consider hover behavior (show color on hover vs. remain monochrome)
Extension API considerations:
- Mechanism to handle extension icons that dynamically change
- Method for developers to provide monochrome alternatives
User Experience
When enabled, all icons including the highlighted uBlock Origin icon (and similar extension icons) would be displayed in black and white or grayscale, creating a visually consistent and distraction-free browsing experience.
Implementation Priority
This feature would enhance UI consistency and user customization options, aligning with Orion's focus on providing a refined browsing experience. Suggest medium priority implementation as it significantly improves visual aesthetics without altering core functionality.
Examples of Similar Implementations
- Firefox's "Icons Only" toolbar mode (partially similar concept)
- Various system-level dark mode implementations that adjust icon appearances
- Custom browser themes and CSS modifications created by users seeking this functionality
