Below is a list of all of the token variables that exist within the /css/common/ibkr-foundation.scss stylesheet and their respective values.
/* NAV-TOP */
--am-nav-top-bg-color: hsla(0, 0%, 0%, 1.0);
--am-nav-top-font-color: hsla(0, 0%, 80%, 1.0);
--am-nav-top-font-color-hover: hsla(0, 0%, 100%, 1.0);
--am-nav-top-font-color-active: hsla(0, 0%, 100%, 1.0);
--am-nav-top-link-bg-color: hsla(0, 0%, 100%, 0);
--am-nav-top-link-bg-color-hover: hsla(0, 0%, 100%, 0);
--am-nav-top-link-bg-color-active: hsla(0, 0%, 100%, 0);
--am-nav-top-dropdown-bg-color: hsla(0, 0%, 100%, 1.0);
--am-nav-top-dropdown-font-color: hsla(0, 0%, 20%, 1.0);
--am-nav-top-dropdown-font-color-hover: hsla(0, 0%, 0%, 1.0);
--am-nav-top-dropdown-font-color-active: hsla(0, 0%, 0%, 1.0);
--am-nav-top-dropdown-link-bg-color: hsla(0, 0%, 100%, 0);
--am-nav-top-dropdown-link-bg-color-hover: hsla(0, 0%, 5%, 0.05);
--am-nav-top-dropdown-link-bg-color-active: hsla(0, 0%, 5%, 0.05);
/* NAV-BOTTOM */
--am-nav-bottom-bg-color: hsla(0, 0%, 100%, 1.0);
--am-nav-bottom-font-color: hsla(0, 0%, 20%, 1.0);
--am-nav-bottom-font-color-hover: hsla(0, 0%, 0%, 1.0);
--am-nav-bottom-font-color-active: hsla(0, 0%, 0%, 1.0);
--am-nav-bottom-link-bg-color: hsla(0, 0%, 100%, 0);
--am-nav-bottom-link-bg-color-hover: hsla(0, 0%, 100%, 0);
--am-nav-bottom-link-bg-color-active: hsla(0, 0%, 100%, 0);
--am-nav-bottom-dropdown-bg-color: hsla(0, 0%, 100%, 1.0);
--am-nav-bottom-dropdown-font-color: hsla(0, 0%, 20%, 1.0);
--am-nav-bottom-dropdown-font-color-hover: hsla(0, 0%, 0%, 1.0);
--am-nav-bottom-dropdown-font-color-active: hsla(0, 0%, 0%, 1.0);
--am-nav-bottom-dropdown-link-bg-color: hsla(0, 0%, 100%, 0);
--am-nav-bottom-dropdown-link-bg-color-hover: hsla(0, 0%, 5%, 0.05);
--am-nav-bottom-dropdown-link-bg-color-active: hsla(0, 0%, 5%, 0.05);
/* FOOTER */
--am-footer-bg-color: hsla(0, 0%, 97%, 1.0);
--am-footer-font-color: hsla(0, 0%, 20%, 1.0);
--am-footer-font-color-dark: hsla(0, 0%, 0%, 1.0);
--am-footer-font-color-light: hsla(0, 0%, 40%, 1.0);
--am-footer-link-color: hsla(0, 0%, 20%, 1.0);
--am-footer-link-color-hover: hsla(0, 0%, 5%, 1.0);
--am-footer-link-color-active: hsla(0, 0%, 5%, 1.0);
/* LOGIN-PAGE */
--am-login-bg-color: hsla(0, 0%, 95%, 1.0);
/* PANEL */
--am-panel-bg-color: hsla(0, 0%, 100%, 1.0);
--am-panel-heading-bg-color: hsla(0, 0%, 100%, 1.0);
--am-panel-body-bg-color: hsla(0, 0%, 100%, 1.0);