Skip to content

How to Update Blog⚓︎

Summary⚓︎

This will be a quick article on how to update aspects of the theme such as the font and colors.

How to Update⚓︎

In order to update aspects of the theme, the following files need to be modified:

  • _base.scss
  • _variables.scss

Font⚓︎

Fonts must first be imported into the _base.scss file. This can be done by adding the following to the top of the _base.scss file:

@import url("https://fonts.gstatic.com");
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif&family=Lora&display=swap');
  • Navigate to themes -> hugo-coder -> assets -> scss
  • Open _variables.scss
  • Update $font-family:

Colors⚓︎

  • Navigate to themes -> hugo-coder -> assets -> scss
  • Open _variables.scss

Update the following:

  • $bg-color-dark
  • $fg-color-dark
  • $link-color-dark

Remove Hyphens⚓︎

  • Navigate to themes -> hugo-coder -> assets -> scss
  • Open _content.scss
  • Change hyphens from auto to none in the following block:
{
      text-align: justify;
      text-justify: auto;
      hyphens: none;
    }

References⚓︎