Changing colors is hard

[CsatariGergely]

Environment

• Version of Docsy you are using: HEAD
• How are you using Docsy? As a:
  • Hugo module
  • NPM module
  • Git submodule
  • Other:
• Version of Hugo you are using (output of hugo version): hugo v0.120.4-f11bca5fec2ebb3a02727fb2a5cfb08da96fd9df+extended linux/amd64 BuildDate=2023-11-08T11:18:07Z VendorInfo=gohugoio
• OS:
  • Linux
  • macOS
  • Windows
  • Other:

Problem

There is not a central place where the used colors are defined and documentation does not help to find out how the colors can be changed.

[fekete-robert]

I think you are looking for this: https://getbootstrap.com/docs/5.0/customize/color/

[CsatariGergely]

Maybe, I'm not sure how to apply this to my site ;) I need to play a bit more with this.

[chalin]

Hi @CsatariGergely - can you be more specific in terms of the colors you want to change? I'm going to move this to discussions until we pin point more precisely what is needed. Btw, I just created the following issue:

• Support adding theme colors #1845

Maybe this is what you need?

[CsatariGergely]

These:

[chalin]

Thanks for clarifying: those two colors are $primary and $secondary colors. For guidance on how to change them, see https://www.docsy.dev/docs/adding-content/lookandfeel/#site-colors:

To customize your site's colors, add SCSS variable overrides to assets/scss/_variables_project.scss. For example, you can set the primary and secondary site colors as follows:

$primary: #390040;
$secondary: #A23B72;

[CsatariGergely]

Uh-oh this works. Thanks. I just put the _variables_project.scss.scss to the wrong place in my previous attempts.
I take it all back. Thanks for the help @chalin