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
...
step guide
...
-@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;
...
is provided in the repo page (under Synapse customization).
https://github.com/Sage-Bionetworks/bootswatch