I am facing an issue with trying to change the default link color in bootstrap 4 and sass. Below is the code snippet I am using to override the _variables.scss defaults:
$body-bg: #f4f4f4;
$body-color: #c0b283;
$link-color: #c0b283;
$link-hover-decoration: none;
$navbar-dark-color: #c0b283;
$navbar-dark-hover-color: #9c906a;
$navbar-padding-y: 0px;
$list-group-bg: black;
$list-group-color: #c0b283;
$theme-colors: (
"dark": #000,
"danger": #ff4136
);
Here is an example of the button I am trying to target:
<div class="col-sm-12 col-md-4 mt-4">
<form action="">
<div class="form-group">
<input type="text" placeholder="Search" class="mainSearchBox">
<a href="#" class="btn btn-dark">Submit</a>
</div>
</form>
</div>
I have noticed that the issue persists even when using the following code:
<div class="col-sm-12 col-md-4 mt-4">
<form action="">
<div class="form-group">
<input type="text" placeholder="Search" class="mainSearchBox">
<button type="submit" class="btn btn-dark">Submit</button>
</div>
</form>
</div>
No matter what changes I make, the link color remains white.