browserthemecolor
Reactive icon

BrowserThemeColor

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 6 Apr (18 hours ago)
 by 
0.0
 (0 ratings)
browserthemecolor

BrowserThemeColor

Details
Easily change the browser's address bar and theme color for Mobile and PWA applications.
Read more

The Browser Theme Color component provides a simple, reactive, and effective way to customize the browser's interface to match your application's branding. By manipulating the "theme-color" meta tags and the document's root background, it allows you to tint the address bar and status bar on mobile devices (Android and iOS).

This is especially useful for Progressive Web Apps (PWA), where a seamless transition between the app content and the system UI is crucial for a native-like experience.

Key Features:

  • Fully Reactive: The color updates instantly when the input parameter changes.
  • Plug-and-Play: No complex setup required. Just drop the block into your Layout.
  • Multi-Platform Support: Optimized for Chrome (Android), Safari (iOS), and other WebKit-based browsers.
  • Lightweight: Minimal JavaScript footprint with a "double-check" logic to ensure iOS compatibility.
  • Self-Contained: All logic is encapsulated within the block and its required script.
Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team
Other assets in this category