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: #2196F3;
-@brand-success: #4CAF50;
-@brand-info: #9C27B0;
-@brand-warning: #ff9800;
-@brand-danger: #e51c23;
+@brand-primary: #207da8;
+@brand-success: #17a666;
+@brand-info: #7772b4;
+@brand-warning: #f19223;
+@brand-danger: #d9534f;
Also, update the tooltip background color
-@tooltip-bg: #727272;
+@tooltip-bg: #171717;
And update bootswatch.less btn so that all text is not uppercase (impacts Synapse Table Headers, for example):
.btn {
- text-transform: uppercase;
...
step guide is provided in the repo page (under Synapse customization).
https://github.com/Sage-Bionetworks/bootswatch