discourse/app/assets/stylesheets/common/foundation/variables.scss

// --------------------------------------------------
// Variables used throughout the theme
// --------------------------------------------------

// Layout dimensions
// --------------------------------------------------

$small-width: 800px !default;
$medium-width: 995px !default;
$large-width: 1110px !default;

// Brand color variables
// --------------------------------------------------

$google: #5b76f7 !default;
$facebook: #3b5998 !default;
$cas: #70BA61 !default;
$twitter: #00bced !default;
$yahoo: #810293 !default;
$github: #6d6d6d !default;

// Fonts
// --------------------------------------------------

$base-font-size: 14px !default;
$base-line-height: 19px !default;
$base-font-family: Helvetica, Arial, sans-serif !default;

/* These files don't actually exist. They're injected by DiscourseSassImporter. */
@import "theme_variables";
@import "plugins_variables";


@function scale-color-diff() {
    @if lightness($primary) < lightness($secondary) {
      @return scale-color($primary, $lightness: 90%)
    }
    @else {
      @return scale-color($primary, $lightness: -60%)
    }
}