Generated by SassMeister.com.

input.scss

$primary: teal !default;
$white: mix(#fff, $primary, 95%) !default;
$gray-100: mix(#f8f9fa, $primary, 85%) !default;
$gray-200: mix(#e9ecef, $primary, 85%) !default;
$gray-300: mix(#dee2e6, $primary, 85%) !default;
$gray-400: mix(#ced4da, $primary, 85%) !default;
$gray-500: mix(#adb5bd, $primary, 85%) !default;
$gray-600: mix(#6c757d, $primary, 85%) !default;
$gray-700: mix(#495057, $primary, 85%) !default;
$gray-800: mix(#343a40, $primary, 85%) !default;
$gray-900: mix(#212529, $primary, 85%) !default;
$black: mix(#000, $primary, 95%) !default;
$secondary: $gray-600 !default;
$success: mix(#28a745, $primary, 75%) !default;
$info: mix(#17a2b8, $primary, 75%) !default;
$warning: mix(#ffc107, $primary, 75%) !default;
$danger: mix(#dc3545, $primary, 75%) !default;
$light: mix(white, $primary, 75%) !default;
$dark: mix(black, $primary, 75%) !default;;


body {
    
    color: $gray-900;
}

output.css

body {
  color: #1c3336;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}