---
type: Theme
order: 100
title: Default Layout
---

The default layout all parameters are prefixed with `@ohayo-default-`.

## Parameters

| Name | Default | Description |
|------|---------|-------------|
| `@ohayo-default-prefix` | `.ohayo-default` | Style name prefix |
| `@ohayo-default-ease` | `cubic-bezier(.25, 0, .15, 1)` | Animation filter function |
| `@ohayo-default-header-hg` | `64px` | Height of header |
| `@ohayo-default-header-bg` | `@primary-color` | Background-color of header |
| `@ohayo-default-header-padding` | `@layout-gutter * 2` | Horizontal padding of header |
| `@ohayo-default-header-search-enabled` | `true` | Whether top search |
| `@ohayo-default-header-icon-fs` | `18px` | Font size of icon |
| `@ohayo-default-aside-wd` | `200px` | Width of aside |
| `@ohayo-default-aside-bg` | `#fff` | Background-color of aside |
| `@ohayo-default-aside-scrollbar-width` | `0` | Scrollbar width of aside |
| `@ohayo-default-aside-scrollbar-height` | `0` | Scrollbar height of aside |
| `@ohayo-default-aside-scrollbar-track-color` | `transparent` | Scrollbar track color of aside |
| `@ohayo-default-aside-scrollbar-thumb-color` | `transparent` | Scrollbar thumb color of aside |
| `@ohayo-default-aside-nav-fs` | `14px` | Font size of nav name |
| `@ohayo-default-aside-nav-icon-width` | `14px` | Width of nav icon |
| `@ohayo-default-aside-nav-img-wh` | `14px` | Width & height of nav image |
| `@ohayo-default-aside-nav-padding-top-bottom` | `@layout-gutter` | Vertical padding of nav |
| `@ohayo-default-aside-nav-item-height` | `38px` | Item height of nav |
| `@ohayo-default-aside-nav-text-color` | `rgba(0, 0, 0, 0.65)` | Nav text color |
| `@ohayo-default-aside-nav-text-hover-color` | `#108ee9` | Nav text hover color |
| `@ohayo-default-aside-nav-group-text-color` | `rgba(0, 0, 0, 0.43)` | Group text color |
| `@ohayo-default-aside-nav-selected-text-color` | `#108ee9` | Nav selected text color |
| `@ohayo-default-aside-nav-selected-bg` | `#fcfcfc` | Nav selected background color |
| `@ohayo-default-aside-collapsed-wd` | `@layout-gutter * 8` | Width of aside collapsed |
| `@ohayo-default-aside-collapsed-nav-fs` | `24px` | Font size of aside collapsed |
| `@ohayo-default-aside-collapsed-nav-img-wh` | `24px` | Width & height nav image of aside collapsed |
| `@ohayo-default-content-heading-bg` | `#fafbfc` | Heading background color of content area |
| `@ohayo-default-content-heading-border` | `#efe3e5` | Heading bottom border color of content area |
| `@ohayo-default-content-padding` | `@layout-gutter * 3` | Padding of content area |
| `@ohayo-default-content-bg` | `#f5f7fa` | Background color of content area |
| `@ohayo-default-widget-app-icons-enabled` | `true` | Whether the app-icon widget styles |
| `@ohayo-default-aside-user-enabled` | `true` | Whether the user styles of aside |

## Usage

Import in `src/styles.less`:

```less
@import '~@ohayo/theme/styles/layout/default/index';
```