Modify bootstrap variables ?

[KatyPurry]

Hello,

Thank you for your awesome work.I have a question because I'd like to make it as clean as possible. I'm using the child theme with bootscore 6.3.0.

The menu is defined as follows in CSS :

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

I want to change the value defined in Bootstrap for : --bs-nav-link-color but how ? I tried to change the value in _boostscore-custom.scss with $bs-nav-link-color: $white; / $nav-link-color: $white; but it doesn't work.

Thank you !

[crftwrk]

Hello,

https://bootscore.me/documentation/theme/css-scss-compiler/#bootscore-variables-scss

_bootscore-custom.scss is the wrong file. Add the variables to edit Bootstrap to _bootscore-variables.scss in the same folder.

Note that if you want to use $white, you must define the value first, because this file is loaded before Bootstrap:

$white: #ffffff;

$navbar-light-color: $white;

Check all available navbar variables here https://getbootstrap.com/docs/5.3/components/navbar/#sass-variables

Solved?

[KatyPurry]

Hello Basti ! Sorry for the delay, thank you very much for your answer !