blur_on Glassmorphism Theme
Cliniva now supports a premium Glassmorphism layout style. This theme utilizes frosted glass effects, semi-transparent panels, and vibrant dynamic backgrounds to create a modern, high-end dashboard experience.
How to Enable
To enable the Glassmorphism theme by default, update the config.service.ts
file:
this.configData = {
layout: {
// ... other settings
layout_style: 'glassmorphism', // options: solid & glassmorphism
glassmorphism_bg_color: 'purple-blue', // choose your preferred background
}
}Background Options
We provide several curated color palettes for the Glassmorphism background. Each palette includes dynamic blobs and gradients that enhance the "frosted glass" look.
| Palette Name | Description |
|---|---|
| purple-blue | A professional blend of violet and deep blue shades. (Default) |
| sunset | Warm orange and pink tones for a soft, elegant look. |
| mint | Fresh green and teal gradients for a clinical, clean feel. |
| ocean | Deep teal and light blue for a calm, trustworthy aesthetic. |
| lush | Vibrant green and yellow for a high-energy dashboard. |
Features of Glass Theme
- Frosted Glass Panels: Cards and widgets use semi-transparent backgrounds with backdrop-blur filters.
- Dynamic Blobs: The background features floating animated blobs that add depth and movement.
- Light & Dark Mode Support: The glass effect automatically adjusts its opacity and tint based on the selected variant.
- Premium Components: Tables, charts, and navigation elements have been specifically refactored to maintain high readability against glass backgrounds.