Having trouble with simple template change

Five_Eight · December 27, 2018, 7:38pm

I apologize in advance for the question…

I’m using Hugo version v0.53 and the Hermit template from https://themes.gohugo.io/hermit/.

I just want to change the grey background to black.

I tried adding $black: #000000; to themes/hermit/assets/scss/style/_predefined.scss and then changing all instances of $dark-grey to $black to no avail.

Can someone help me with just changing the background color?

zwbetz · December 27, 2018, 8:45pm

Since this theme uses Hugo Pipes, the Extended version of Hugo is required if you wish to make SCSS changes.

Five_Eight · December 27, 2018, 8:47pm

Thank you for the pointer.

Would the method I tried work if is just get the extended version?

Five_Eight · December 27, 2018, 8:51pm

I checked and it looks like i am using the extended version.

[user@host _default]$ hugo version
Hugo Static Site Generator v0.53-8FC339DC2529FF77E494A1C12CD1FF9FBCB880A4/extended linux/amd64 BuildDate: 2018-12-24T08:38:38Z

zwbetz · December 27, 2018, 9:11pm

Good deal. So now just change the background of the html element here:

github.com

Track3/hermit/blob/master/assets/scss/style.scss#L22




::-webkit-scrollbar-thumb {
background: #888;


&:hover {
  background: $text;
}
}


html {
background: $light-grey;
line-height: 1.6;
letter-spacing: .06em;
}


body,
button,
input,
select,
textarea {
color: $text;

Five_Eight · December 27, 2018, 10:13pm

Thank you, kind stranger.

I wish you peace, love, and clean code.

Topic		Replies	Views
Change highlight color in Hermit theme Using Themes	9	1180	September 5, 2019
Hugo Pipes for SCSS conversion and configurable colors support	7	984	February 4, 2019
How can I change the background color and font color?	2	6804	April 15, 2019
How to change the primary color in hugo serif theme support	11	1370	February 1, 2019
Changing the background color of taxonomy entries support	3	444	February 8, 2021

Having trouble with simple template change

Related topics