Configuration
Configuration
Softify has a configuration settings that you can use to customize the behavior of the application. The configuration object is located at ./src/assets/js/main.js.
Edit the $themeConfig object to change the behavior of the application.
const $themeConfig = {
theme: 'light', // light, dark
menu: 'vertical', // vertical, collapsible-vertical, horizontal
dir: 'ltr', // rtl, ltr
primaryColor: '44 123 229', // primary color
contrast: 'low', // low, high
stretch: false, // true, false
darkMode: false // true, false
}
Available options
| Option | Type | Default | Description |
|---|---|---|---|
| theme | String | 'light' | Set the theme of the application. Can be 'light' or 'dark' |
| menu | String | 'vertical' | Set the menu of the application. Can be 'vertical', 'collapsible-vertical' or 'horizontal' |
| dir | String | 'ltr' | Set the direction of the application. Can be 'ltr' or 'rtl' |
| primaryColor | String | '44 123 229' | Set the primary color of the application. Can be a string of three numbers |
| contrast | String | 'low' | Set the contrast of the application. Can be 'low' or 'high' |
| stretch | Boolean | false | Set the stretch of the application. Can be 'true' or 'false' |
| darkMode | Boolean | false | Set the dark mode of the application. Can be 'true' or 'false' |