LayZeeDK · April 11, 2023 00:04
diff --git a/input.scss b/input.scss
 /// Scales a color to be darker if it's light, or lighter if it's dark. Use this function to tint a color appropriate to its lightness.
 ///
 /// @param {Color} $color - Color to scale.
 /// @param {Percentage} $scale [5%] - Amount to scale up or down.
 /// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.
 ///
 /// @returns {Color} A scaled color.
 @function smart-scale($color, $scale: 5%, $threshold: 40%) {
  @if lightness($color) > $threshold {
    $scale: -$scale;
  }
  @return scale-color($color, $lightness: $scale);
 }

 $primary-color: #1779ba;

 p {
    color: smart-scale($primary-color);
 }
diff --git a/output.css b/output.css
 p {
  color: #1673b1;
 }
diff --git a/settings.json b/settings.json
 {
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
 }
	/// Scales a color to be darker if it's light, or lighter if it's dark. Use this function to tint a color appropriate to its lightness.
	///
	/// @param {Color} $color - Color to scale.
	/// @param {Percentage} $scale [5%] - Amount to scale up or down.
	/// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.
	///
	/// @returns {Color} A scaled color.
	@function smart-scale($color, $scale: 5%, $threshold: 40%) {
	@if lightness($color) > $threshold {
	$scale: -$scale;
	}
	@return scale-color($color, $lightness: $scale);
	}

	$primary-color: #1779ba;

	p {
	color: smart-scale($primary-color);
	}