settings Layout Settings
For theme or layout related settings changes, you have to just change in one file
config.service.ts.
You can find the config file in the config
folder.
info
Note: We store theme-related data in
localStorage in the browser.
Whenever you change the config file, please clear your browser data first.
this.configData = {
layout: {
rtl: false, // options: true & false
variant: 'light', // options: light & dark
theme_color: 'white', // options: white, black, purple, blue, cyan, green, orange
logo_bg_color: 'white', // options: white, black, purple, blue, cyan, green, orange
layout_style: 'solid', // options: solid & glassmorphism
glassmorphism_bg_color: 'purple-blue', // options: purple-blue, sunset, mint, candy, ocean, yellow, lush
horizontal: false, // options: true & false
sidebar: {
collapsed: false, // options: true & false
backgroundColor: 'light', // options: light & dark
}
}
}
| settings_applications Option | description Description |
|---|---|
| rtl | For RTL layout set it to true, for LTR layout set it to
false.
|
| variant | For use light template layout value is light & for dark
template use dark in value. |
| theme_color | You have multiple theme options, you can chose any theme color from
white, black, purple, blue, cyan, green, orange.
|
| logo_bg_color | You have multiple logo background options, you can chose any theme color
from white, black, purple, blue, cyan, green, orange. |
| layout_style | Set solid for traditional layout or
glassmorphism for the new frosted glass theme.
|
| glassmorphism_bg_color | When using glassmorphism, choose a background palette from
purple-blue, sunset, mint, candy, ocean, yellow, lush.
|
| horizontal | Set true for horizontal top menu layout and
false for standard vertical sidebar layout. |
| collapsed | Set true for collapsed sidebar and false for
regular sidebar. |
| backgroundColor | You can set sidebar background color light for white
sidebar
background and dark for dark sidebar background. |
smart_toy AI Configuration
Cliniva supports integration with OpenAI and Google Gemini. Configuration is accessible via the UI or by setting up environment keys.
- Page Location: Navigate to Admin → Settings → AI Settings
(
/admin/settings/ai-settings) - How to Configure: Select your preferred AI Provider, select the
model (e.g.
gpt-4o), enter the API key, and click "Save Configuration". You can also test the connection immediately. - Storage: API keys are stored in
localStorageunder the keycliniva_ai_config. - Demo Mode: If no API key is provided, the AI features gracefully fall back to Demo Mode with mocked data.