# New themes are not rendering

**URL:** <https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261>\
**Category:** support\
**Created:** [August 14, 2021, 8:29am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261 "2021-08-14T08:29:18Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Netwarrior](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/netwarrior/32/13947_2.png) [@Netwarrior](https://discourse.gohugo.io/u/Netwarrior)\
**Post date:** [August 14, 2021, 8:29am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/1 "2021-08-14T08:29:18Z")

</div>

I am new to Hugo. Trying to install Themes from Hugo. The theme is downloaded in “themes” directory and changes made to the “Config.toml” file using "Theme = ". But the problem is theme is not rendering. It just shows me vanilla page. It is happening with all the themes I have tried. Any help will be appreciated.

---

<div class="post-metadata">

**Author:** ![RishabhDeepSingh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rishabhdeepsingh/32/14803_2.png) [@RishabhDeepSingh](https://discourse.gohugo.io/u/RishabhDeepSingh)\
**Post date:** [August 14, 2021, 8:50am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/2 "2021-08-14T08:50:04Z")

</div>

did you add the theme submodule? like shown below

`git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke`

---

<div class="post-metadata">

**Author:** ![Netwarrior](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/netwarrior/32/13947_2.png) [@Netwarrior](https://discourse.gohugo.io/u/Netwarrior)\
**Post date:** [August 14, 2021, 9:18am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/3 "2021-08-14T09:18:57Z")

</div>

> [@RishabhDeepSingh](#):
>
> git submodule add [GitHub - theNewDynamic/gohugo-theme-ananke: Ananke: A theme for Hugo Sites](https://github.com/theNewDynamic/gohugo-theme-ananke.git) themes/ananke

I am trying to install tranquilpeak theme. I used below command  
git submodule add [GitHub - kakawait/hugo-tranquilpeak-theme: A gorgeous responsive theme for Hugo blog framework](https://github.com/kakawait/hugo-tranquilpeak-theme.git) themes/tranquilpeak

But it is not rendering.

When I am using same command for “ananke” theme, I am getting below error

```auto
TOCSS: failed to transform "ananke/css/main.css" (text/css). Check your Hugo installation; you need the extended version to build SCSS/SASS.

```

hugo v0.87.0-B0C541E4 linux/amd64 BuildDate=2021-08-03T10:57:28Z VendorInfo=gohugoio

---

<div class="post-metadata">

**Author:** ![RishabhDeepSingh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rishabhdeepsingh/32/14803_2.png) [@RishabhDeepSingh](https://discourse.gohugo.io/u/RishabhDeepSingh)\
**Post date:** [August 14, 2021, 9:20am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/4 "2021-08-14T09:20:30Z")

</div>

`config/_default/config.yml` what is the theme in this?

---

<div class="post-metadata">

**Author:** ![Netwarrior](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/netwarrior/32/13947_2.png) [@Netwarrior](https://discourse.gohugo.io/u/Netwarrior)\
**Post date:** [August 14, 2021, 10:40am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/5 "2021-08-14T10:40:57Z")

</div>

I cannot find any config.yml file. Can you pls tell me what path it will be in?

---

<div class="post-metadata">

**Author:** ![RishabhDeepSingh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rishabhdeepsingh/32/14803_2.png) [@RishabhDeepSingh](https://discourse.gohugo.io/u/RishabhDeepSingh)\
**Post date:** [August 14, 2021, 10:43am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/6 "2021-08-14T10:43:27Z")

</div>

I already told you, check the above comment.

---

<div class="post-metadata">

**Author:** ![Netwarrior](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/netwarrior/32/13947_2.png) [@Netwarrior](https://discourse.gohugo.io/u/Netwarrior)\
**Post date:** [August 14, 2021, 10:51am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/7 "2021-08-14T10:51:05Z")

</div>

There is no such path and no such file

[root@x.x.x.x /]# find / -name config.yml  
[root@x.x.x.x /]#

---

<div class="post-metadata">

**Author:** ![RishabhDeepSingh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rishabhdeepsingh/32/14803_2.png) [@RishabhDeepSingh](https://discourse.gohugo.io/u/RishabhDeepSingh)\
**Post date:** [August 14, 2021, 10:57am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/8 "2021-08-14T10:57:11Z")

</div>

lol I think you need to reconfigure it

---

<div class="post-metadata">

**Author:** ![Netwarrior](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/netwarrior/32/13947_2.png) [@Netwarrior](https://discourse.gohugo.io/u/Netwarrior)\
**Post date:** [August 14, 2021, 11:03am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/9 "2021-08-14T11:03:22Z")

</div>

I have config.toml under site directory. Content of it is as below

baseURL = ‘[http://x.x.x.x:1313](http://x.x.x.x:1313)’  
defaultContentLanguage = “en-us”  
languageCode = ‘en-us’  
title = ‘RKBM Blog’  
theme = ‘ananke’"

Is this the same file you are referring to?

---

<div class="post-metadata">

**Author:** ![pointyfar](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/pointyfar/32/5797_2.png) [@pointyfar](https://discourse.gohugo.io/u/pointyfar)\
**Post date:** [August 14, 2021, 11:16am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/10 "2021-08-14T11:16:23Z")

</div>

Hi there,

> [@Netwarrior](#):
>
> `you need the extended version to build SCSS/SASS.`

This error means you need to install the extended version of Hugo.

> [@Netwarrior](#):
>
> I am trying to install tranquilpeak theme.

Using the following steps:

```auto
hugo new site test
cd test
git init
git submodule add https://github.com/kakawait/hugo-tranquilpeak-theme.git themes/tranquilpeak
hugo server

```

And with the following `config.toml`:

```auto
baseURL = "/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "tranquilpeak"

```

This is what I see:

![Screen Shot 2021-08-14 at 9.15.19 pm](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/e/e8b4444ed67dca9cbe08af32fc79f98395ab9db7.png)

Do you get a different result?

* * *

BTW, enclosing your code in three backticks makes it easier to read code:

````auto
```
code here
```

````

---

<div class="post-metadata">

**Author:** ![Netwarrior](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/netwarrior/32/13947_2.png) [@Netwarrior](https://discourse.gohugo.io/u/Netwarrior)\
**Post date:** [August 14, 2021, 11:23am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/11 "2021-08-14T11:23:48Z")

</div>

I am also seeing the same page

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/5/5fb9cc3b900ec7491236ce788fee75b030e2c2ef.png)

But it does not look like the one shown in Tranquilpeak theme page

> **[Tranquilpeak](https://themes.gohugo.io/themes/hugo-tranquilpeak-theme/)**
>
> Tranquilpeak 
> A gorgeous responsive theme for Hugo blog framework.
> Alpha/Beta versions ATTENTION during alpha or beta versions breaking changes are possible on config file.
> You can track breaking changes label.
> How can I migrate my current version?...

---

<div class="post-metadata">

**Author:** ![pointyfar](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/pointyfar/32/5797_2.png) [@pointyfar](https://discourse.gohugo.io/u/pointyfar)\
**Post date:** [August 14, 2021, 11:36am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/12 "2021-08-14T11:36:23Z")

</div>

Well, their example site has a lot more content and settings configured. Have a look at the included `exampleSite`: [hugo-tranquilpeak-theme/exampleSite at master · kakawait/hugo-tranquilpeak-theme · GitHub](https://github.com/kakawait/hugo-tranquilpeak-theme/tree/master/exampleSite)

Also have a look at their documentation: [hugo-tranquilpeak-theme/user.md at master · kakawait/hugo-tranquilpeak-theme · GitHub](https://github.com/kakawait/hugo-tranquilpeak-theme/blob/master/docs/user.md)

---

<div class="post-metadata">

**Author:** ![Netwarrior](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/netwarrior/32/13947_2.png) [@Netwarrior](https://discourse.gohugo.io/u/Netwarrior)\
**Post date:** [August 14, 2021, 11:58am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/13 "2021-08-14T11:58:58Z")

</div>

Thank you all for your replies. Have figured out that all the themes have their corresponding “config.toml” files. So in order to render correctly just replace the config.toml file with config.toml file of the needed theme. It will work like a charm.

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [August 16, 2021, 11:59am UTC](https://discourse.gohugo.io/t/new-themes-are-not-rendering/34261/14 "2021-08-16T11:59:30Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.