navbar hover bg variables are missing

[pinggi]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Bootstrap theme defines navbar variables for text color on hover

$navbar-light-hover-color
$navbar-dark-hover-color

however not for the background color.

So it's not possible to set the background on hover by theme variables to achieve this effect

Reduced test cases

1. Go to bootstrap/scss/_variables.scss
2. Find place where $navbar-light-hover-color is defined
3. There's no variable for defining the background like

$navbar-light-hover-bg
$navbar-dark-hover-bg

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Firefox

What version of Bootstrap are you using?

5.3.0

[aapanchal]

Hi @pinggi and Bootstrap team,

I’d like to work on this issue by adding the missing $navbar-light-hover-bg and $navbar-dark-hover-bg variables.

Proposed Solution:

• Add the variables in _variables.scss with default values:

  $navbar-light-hover-bg: rgba($black, 0.1) !default;
  $navbar-dark-hover-bg: rgba($white, 0.1) !default;
  

Does this approach sound good? If approved, I’ll submit a PR.

Thanks!
Aniket