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
...
-@font-size-h1: 56px;
-@font-size-h2: 45px;
-@font-size-h3: 34px;
-@font-size-h4: 24px;
-@font-size-h5: 20px;
+@font-size-h1: 40px;
+@font-size-h2: 33px;
+@font-size-h3: 26px;
+@font-size-h4: 20px;
+@font-size-h5: 16px;
+@font-size-h6: 14px;
...
-@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