search

StaticMania / portio-hugo

Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. Portio Hugo is well organized, well-formatted, and named accordingly so it’s easy to change any and all of the design. Portio is built with Bootstrap 4. You can customize it very easily to fit your needs.
https://portio-hugo.staticmania.com/
MIT License
450 stars 290 forks source link

How to override _variables.scss #5

Closed AutomateAaron closed 4 years ago

AutomateAaron commented 4 years ago

Stupid question: I want to change the colors on this theme?

I see the assets/scss/_variables.scss, but how do I adjust them without changing them inside the theme itself?

Also, while I'm at it, maybe it'd be nice to add this override to the documentation or exampleSite.

AutomateAaron commented 4 years ago

I have figured it out, you need to have "hugo extended" installed & need then you simply need to copy _variables.scss in /assets/scss/_variables.scss

For example my project structure is:

❯ tree -P '_variables.scss' --prune
.
├── assets
│   └── scss
│       └── _variables.scss
└── themes
    └── portio
        └── assets
            └── scss
                └── _variables.scss