// // Color system // // Bootstrap default for $yiq-text-light and $yiq-text-dark are $white and // $gray-900. What we want to do is use the user text color as light or dark // depending on its contrast. Themes should be careful if they decide to // override those values. This would be simplified by giving the user the choice // for its dark *and* light text colors. $-light: if($white != null, $white, #FFFFFF); $-dark: if($gray-900 != null, $gray-900, #212529); $-text: if(color('text') != null, color('text'), $-dark); $-is-light: (o-get-most-contrast($-text, $-light, $-dark, color('body'), $cross-mix: false) == $-dark); $yiq-text-light: if($-is-light, color('text'), null); $yiq-text-dark: if($-is-light, null, color('text')); // Body // // Settings for the `` element. $body-bg: color('body'); $body-color: color('text'); // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: nth($o-theme-fonts, $o-theme-font-number); $headings-font-family: nth($o-theme-fonts, $o-theme-headings-font-number); $headings-color: color('h1'); // Jumbotron $jumbotron-bg: transparent !default;