> For the complete documentation index, see [llms.txt](https://lorvent.gitbook.io/clear/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lorvent.gitbook.io/clear/changing-color-scheme.md).

# Changing Color Scheme

The default color scheme is dark, to change it to white scheme, we need to perform the following steps:

1\) ln src/layout.vue, change the following lines

```
@import ./assets/sass/custom.scss
```

to

```
@import ./assets/sass/custom_white.scss
```

And

```
import right_side from "./components/layout/right-side";
```

to

```
import right_side from "./components/layout/right-side_white";
```

To, change the logo of your site, you can edit the img tag in **clear\_header.vue**

```
<img src="../../assets/img/logo.png" alt="logo" />
```
