alert boxes need to be restyled to match color scheme

[krancour]

Bootstrap "alert" boxes (primary variant is the only one we currently use) should be restyled to be more consistent with the color scheme used across all Brigade sites.

Something like this maybe:

$colorm: #37b0e7;
$colorl: #EFF4F5;

.alert-primary {
  border-color: $colorm !important;
  background-color: $colorl !important;
}

[coder-abdo]

to change the color schemes in bootstrap you need to change it in the bootstrap.scss file and I think this file in the react-bootstrap sass file in the node_modules

[krancour]

@coder-abdo it is possible to override this in src/App.scss. Most everything in that file is an override of Bootstrap default styles.

[DhairyaBahl]

@krancour Kindly assign this to me. Would love to work on this as well.

[krancour]

Assigned

[krancour]

@DhairyaBahl actually, sorry... my bad. @coder-abdo was already working on this in #32.

This is a good time to remind people that if you open a PR, please do link to the issue it addresses so we can avoid duplicate work.

[DhairyaBahl]

@DhairyaBahl actually, sorry... my bad. @coder-abdo was already working on this in #32.

@krancour No issues😄.