Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

v5: Sass btn-primary color: #000 is incorrect when NPM RUN DEV or NPM RUN PRODUCTION

See original GitHub issue

If I do btn-dark, btn-secondary, etc… the color is white or #fff but when I do btn-primary the font is black.

I did:

npm install bootstrap@next
npm run dev or production

my app.scss
  // Bootstrap
  @import '~bootstrap/scss/bootstrap';


my index.html
 <button type="submit" class="btn btn-primary">
   Register
 </button>

Issue Analytics

State:
Created 3 years ago
Comments:24 (8 by maintainers)

Top GitHub Comments

2reactions

networxxcommented, Jan 18, 2021

Well… you all are correct. I just started looking at the _variables.scss file in the node_modules directory vs in my app’s directory and that’s where the color changed happened. I overwrote the values in the app’s scss file and presto… back to normal bootstrap colors.

I’m using Laravel and not sure how those colors got whacked.

Thank you for hanging in there with me and showing me. That helped a bunch.

2reactions

networxxcommented, Jan 16, 2021

If I do NPM RUN DEVELOPMENT or PRODUCTION I am seeing this:

Screen Shot 2021-01-16 at 6 39 13 AM