* This file maintains the css properties for each theme in the css variables.
* During the deployment, the theme properties will get applied based on the theme selected.
```jsx
@layer base {
:root {
--iw-font-base: "Inter", sans-serif;
--iw-color-background: #FFFFFF;
--iw-color-header: #000000;
--iw-color-shieldLoadingIcon: #ff914b;
--iw-color-shieldSuccessShadow: #f1f7ee;
--iw-color-shieldErrorShadow: #FEF2F2;
--iw-color-shieldLoadingShadow: #f6dfbe;
}
.purple_theme {
--iw-font-base: "Gentium Plus", serif;
--iw-color-background: #bcaaf3;
--iw-color-header: #8f69ec;
--iw-color-shieldErrorIcon: #4518de;
--iw-color-shieldLoadingIcon: #5b32f1;
--iw-color-shieldSuccessShadow: #f1f7ee;
--iw-color-shieldErrorShadow: #FEF2F2;
--iw-color-shieldLoadingShadow: #f6dfbe;
}
}
```
Setting Defaults for Inji Web Application :
In the env.config.js file, below properties is used to customize the application during the deployment.
```jsx
window._env_ = {
...
DEFAULT_LANG: "en",
DEFAULT_THEME: "",
DEFAULT_TITLE: "Inji Web",
...
};
```
DEFAULT_THEME: This property helps you to customize the theme, currently Inji Web Supports two different Themes