I am currently working on an Angular 8 application that utilizes Bootstrap for styling.
However, there seems to be a file called _background-variant.scss in Bootstrap that is overriding the background color of my menu, and I do not want this to happen.
.bg-dark {
/* background-color: #343a40!important;
When I disable this in Google Chrome tools, the layout reverts back to its original state.
So, my question is: How can I disable the bg-dark class?
I have already tried removing the file or commenting out its content, but it did not make any difference.
If you could provide me with guidance on how to achieve this, I would greatly appreciate it.
This is what is specified in my angular.json file:
"styles": [
"./node_modules/alertifyjs/build/css/alertify.min.css",
"./node_modules/alertifyjs/build/css/themes/bootstrap.min.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": [
"./node_modules/alertifyjs/build/alertify.min.js",
"node_modules/chart.js/dist/Chart.bundle.min.js"
]
Disabling these entries seems to fix the issue as everything looks fine afterwards.