We use a customized Bootstrap theme in the SWC, which we then further customize to have the a different color palette. Do this when updating Bootstrap.
Step
...
by
...
+@brand-primary: #1e7098;
+@brand-success: #0ea862;
+@brand-info: #7772b4;
+@brand-warning: #f19223;
+@brand-danger: #d9534f;
...
-@tooltip-bg: #727272;
+@tooltip-bg: #171717;
And update bootswatch.less btn so that all text is not uppercase (impacts Synapse Table Headers, for example):
...
step guide is provided in the repo page (under Synapse customization).
https://github.com/Sage-Bionetworks/bootswatch