Below is a list of all of the token variables that exist within the /css/common/ibkr-foundation.scss stylesheet and their respective values.
/* BRAND-LOGO */
--reg-brand-logo-image: var(--brand-logo-image-inverse);
--reg-brand-logo-mobile-image: var(--brand-logo-mobile-image-inverse);
/* NAV-TOP */
--reg-nav-top-bg-color: hsla(0, 0%, 15%, 1.0);
--reg-nav-top-font-color: hsla(0, 0%, 80%, 1.0);
--reg-nav-top-font-color-hover: hsla(0, 0%, 100%, 1.0);
--reg-nav-top-dropdown-font-color: hsla(0, 0%, 20%, 1.0);
--reg-nav-top-dropdown-font-color-hover: hsla(0, 0%, 0%, 1.0);
/* PROGRESS-BAR */
--reg-app-progress-bg-color: hsla(0, 0%, 5%, 1.0);
--reg-app-progress-font-color: hsla(0, 0%, 80%, 1.0);
--reg-app-progress-font-color-active: hsla(0, 0%, 100%, 1.0);
/* FOOTER */
--reg-footer-bg-color: hsla(0, 0%, 97%, 1.0);
--reg-footer-font-color: hsla(0, 0%, 20%, 1.0);
/* START-PAGE */
--reg-start-left-bg-color: hsla(0, 0%, 20%, 1.0);
--reg-start-left-font-color: hsla(0, 0%, 100%, 1.0);
--reg-start-right-bg-color: hsla(0, 0%, 100%, 1.0);
--reg-start-right-font-color: hsla(0, 0%, 20%, 1.0);