#hugo#cssAIL 0

How to Update Blog

in hugo · 1 min read

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

← All notes