# Override SCSS from theme

**URL:** <https://zola.discourse.group/t/override-scss-from-theme/1066>\
**Category:** Support\
**Created:** [October 19, 2021, 6:43am UTC](https://zola.discourse.group/t/override-scss-from-theme/1066 "2021-10-19T06:43:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![pauleaster](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/pauleaster/32/621_2.png) [@pauleaster](https://zola.discourse.group/u/pauleaster)\
**Post date:** [October 19, 2021, 6:43am UTC](https://zola.discourse.group/t/override-scss-from-theme/1066/1 "2021-10-19T06:43:00Z")

</div>

Hi all,

Just starting with Zola [Version 0.14.1] (and web dev) but experienced coder. I am using the Karzok theme and want to change the colours. It looks like they are defined in karzok/sass/ in scss files. I know that I can directly edit them there, but I want to do it in my directory structure and leave the theme untouched. What is the best way to do this?

---

<div class="post-metadata">

**Author:** ![pauleaster](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/pauleaster/32/621_2.png) [@pauleaster](https://zola.discourse.group/u/pauleaster)\
**Post date:** [October 19, 2021, 10:44pm UTC](https://zola.discourse.group/t/override-scss-from-theme/1066/2 "2021-10-19T22:44:38Z")

</div>

**Solution:**

1. Add `@import "../themes/karzok/sass/main.scss";` to `/yoursite/sass/main.scss`. Must use relative paths!!!
2. e.g. to change main theme background colour:  
Add:

```auto
html {
    background-color: #0074d9;
}

```

It wasn’t working for me because, 1) I didn’t realise that I would have to use relative paths, AND, I forgot a semicolon after the import, lol.