Forge

Reactive Application, Dark Theme to Light Theme without loosing it on refresh, we have a theme module that can be used in multiple application by taking dependencies from the theme, Easy to customize according to your color pallets, Turn on Dark Mode for a great viewing experience especially in low-light environments. Dark Mode is a dramatic new look that’s easy on your eyes and helps you focus on the content. It uses a dark color scheme and is activated  with a toggle icon on header.
Sample Screens have created to have a purview.
You can comment for any quarries related to it.

Design OutSystems applications with SAP Fiori look and feel to seamlessly integrate the user experience with already existing SAP web applications.

Enables the user to import a text file on a back-office screen to customize the theme at runtime. Exposes a set of actions that can be reused to apply this feature wherever wanted.

The Saudi Digital Government Authority UI (DGA UI) framework for Reactive Web and Mobile apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.

TrueShade is a lightweight, dependency-free theme controller for OutSystems applications. It enables seamless management of dark, light, and system default color schemes while ensuring consistency across modules, sessions, and browser tabs.

This component automatically applies the correct theme based on the user’s preference or the operating system’s dark mode setting. It stores the chosen option in localStorage under a per-module key and keeps the  attribute synchronized at all times.

Application to handle the customization of your apps themes primary and secondary color without need to do it in devtime.

Customize and generate a base theme for your application

Color Palette Harmonizer is a utility component that generates visually harmonious color palettes from a single input HEX color. It supports three popular harmony types: Complementary, Triadic, and Analogous — helping developers and designers build balanced, accessible, and aesthetically consistent user interfaces.


The component leverages C# logic to convert the base HEX color into HSL format, perform hue-based calculations, and return a list of generated colors. These can be used in theming engines, style guides, UI design tools, or as dynamic inputs for styling web applications.


🔹 Key Features:

Generate Complementary, Triadic, and Analogous color sets

Input: Any valid HEX color (e.g., #FF5733)

Output: A record list of color codes (HEX)



🎯 Use Cases:

UI theme generators

Brand palette builders

Design system automation

Dynamic CSS color assignment

Enhancing GenAI-assisted UI builders

Provides a responsive reusable theme for reactive web apps