> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/mantis-vuetify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/mantis-vuetify/theme-config/theme-settings.md).

# 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?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript"><strong>const config: ConfigProps = {
</strong>    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, // Horizontal layout
    actTheme: ThemeMode.Light,
    fontTheme: 'Public sans',
    inputBg: false,
    boxed: true,
    isRtl: false,
    presetColor: 'default'
};              
</code></pre>

### How to Set Dark Theme?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript"><strong>const config: ConfigProps = {
</strong>    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, 
<strong>    actTheme: ThemeMode.Dark, // Change Dark theme
</strong>    fontTheme: 'Public sans',
    inputBg: false,
    boxed: true,
    isRtl: false,
    presetColor: 'default'
};    
</code></pre>

## How to Set Horizontal  Layout?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript"><strong>const config: ConfigProps = {
</strong>    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
<strong>    setHorizontalLayout: true, // Change horizontal layout
</strong>    actTheme: ThemeMode.Light,
    fontTheme: 'Public sans',
    inputBg: false,
    boxed: true,
    isRtl: false,
    presetColor: 'default'
};       
</code></pre>

## How to Set Minsidebar Layout?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript"><strong>const config: ConfigProps = {
</strong>    Sidebar_drawer: true,
    Customizer_drawer: false,
<strong>    mini_sidebar: true, // Change minisidebar layout
</strong>    setHorizontalLayout: false,
    actTheme: ThemeMode.Light,
    fontTheme: 'Public sans',
    inputBg: false,
    boxed: true,
    isRtl: false,
    presetColor: 'default'
};       
</code></pre>

## How to unset Boxed Layout?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript"><strong>const config: ConfigProps = {
</strong>    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: false, 
    actTheme: ThemeMode.Light,
    fontTheme: 'Public sans',
    inputBg: false,
<strong>    boxed: false, // Set False here
</strong>    isRtl: false,
    presetColor: 'default'
};       
</code></pre>

## How to Change Input Text Background?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript"><strong>const config: ConfigProps = {
</strong>    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false, 
    setHorizontalLayout: false, 
    actTheme: ThemeMode.Light,
    fontTheme: 'Public sans',
<strong>    inputBg: true, // Set True here
</strong>    boxed: true,
    isRtl: false,
    presetColor: 'default'
};       
</code></pre>

## How to Set RTL theme?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript">const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, // Horizontal layout
    actTheme: ThemeMode.Light,
    fontTheme: 'Public sans',
    inputBg: false,
    boxed: true,
<strong>    isRtl: true, // Set True here
</strong>    presetColor: 'default'
}
</code></pre>

## How to Change Color Scheme?

<pre class="language-typescript" data-title="Config.ts"><code class="lang-typescript">const config: ConfigProps = {
    Sidebar_drawer: true,
    Customizer_drawer: false,
    mini_sidebar: false,
    setHorizontalLayout: false, // Horizontal layout
    actTheme: ThemeMode.Light,
    fontTheme: 'Public sans',
    inputBg: false,
    boxed: true,
    isRtl: true,
<strong>    presetColor: 'theme1' // Use preset label name
</strong>}
</code></pre>