B
B
Berry Vuetify
Berry Vue v1.1.0
Search
⌃K
⚙

Theme Settings

Manage the theme settings for Horizontal, Dark, and Box layout options.
Theme settings lie under config.ts file.

How to Set Default Settings?

Config.ts
const config: ConfigProps = {
Sidebar_drawer: null,
Customizer_drawer: false,
mini_sidebar: false,
setHorizontalLayout: false, // Horizontal layout
actTheme: 'PurpleTheme',
fontTheme: 'Roboto',
inputBg: false,
boxed: true
};

How to Set Dark Theme?

Config.ts
const config: ConfigProps = {
Sidebar_drawer: null,
Customizer_drawer: false,
mini_sidebar: false,
setHorizontalLayout: false,
actTheme: 'DarkPurpleTheme', // Change Dark theme as per your requirement
fontTheme: 'Roboto',
inputBg: false,
boxed: true
};

How to Set Horizontal Layout?

Config.ts
const config: ConfigProps = {
Sidebar_drawer: null,
Customizer_drawer: false,
mini_sidebar: false,
setHorizontalLayout: true, // Change horizontal layout
actTheme: 'PurpleTheme',
fontTheme: 'Roboto',
inputBg: false,
boxed: true
};

How to Set Minsidebar Layout?

Config.ts
const config: ConfigProps = {
Sidebar_drawer: null,
Customizer_drawer: false,
mini_sidebar: true, // Change minisidebar layout
setHorizontalLayout: true,
actTheme: 'PurpleTheme',
fontTheme: 'Roboto',
inputBg: false,
boxed: true
};

How to unset Boxed Layout?

Config.ts
const config: ConfigProps = {
Sidebar_drawer: null,
Customizer_drawer: false,
mini_sidebar: false,
setHorizontalLayout: true,
actTheme: 'PurpleTheme',
fontTheme: 'Roboto',
inputBg: false,
boxed: false // Set False here
};

How to Change Input Text Background?

Config.ts
const config: ConfigProps = {
Sidebar_drawer: null,
Customizer_drawer: false,
mini_sidebar: false,
setHorizontalLayout: true,
actTheme: 'PurpleTheme',
fontTheme: 'Roboto',
inputBg: true, // Set True here
boxed: true
};