Change nav-link color

[KatyPurry]

Hello,
I'm trying to change links color on the navbar but I don't understand something.
This is the navbar:

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

I added in _bscore_variable.scss:

$navbar-color: $white

But it doesn't change color. I also tried $nav-link-color: $white; found in https://getbootstrap.com/docs/5.0/components/navs-tabs/#sass but same effect, no change.

Do you know what I'm doing wrong?

[crftwrk]

You are using CSS variables, but should use Sass variables.

Add following to _bscore_variables.scss and change colors as you need.

$navbar-light-color:        rgba($black, .55);
$navbar-light-hover-color:  rgba($black, .7);
$navbar-light-active-color: rgba($black, .9);

Check these variables to edit the theme in more detail https://bootscore.me/documentation/theme/bootstrap-css-sass/#Advanced

But if you just want to change the nav-link color to white, simply add navbar-dark class to navbar component in header.php instead adding CSS. See here in line 11 https://bootscore.me/documentation/header-php/#headerphp_at_a_glance or here https://getbootstrap.com/docs/5.2/components/navbar/#color-schemes

[KatyPurry]

Oh okay, It's $navbar-light-color not $navbar-color. I didn't look in the right place (I was looking nav-tabs). Yes I try to use SASS variables as much as possible ! Thank you

[justinkruit]

Also, !default isn't needed when you write your own code. Bootstrap uses that so it allows you to override them.

[crftwrk]

Thank you, corrected it.