nextcloud/core/css/functions.scss

/**
 * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

/**
 * @see core/src/icons.js
 */
@function match-color-string($color) {
	@if $color == #000 {
		@return "dark";
	}
	@if $color == #fff {
		@return 'white';
	}
	@if $color == #FC0 {
		@return 'yellow';
	}
	@if $color == #e9322d {
		@return 'red';
	}
	@if $color == #eca700 {
		@return 'orange';
	}
	@if $color == #46ba61 {
		@return 'green';
	}
	@if $color == #969696 {
		@return 'grey';
	}
	@return $color;
}

/**
 * SVG COLOR API
 *
 * @param string $icon the icon filename
 * @param string $dir the icon folder within /core/img if $core or app name
 * @param string $color the desired color in hexadecimal
 * @param int $version the version of the file
 * @param bool [$core] search icon in core
 *
 * @returns A background image with the url to the set to the requested icon.
 */
@mixin icon-color($icon, $dir, $color, $version: 1, $core: false) {
	$color: match-color-string($color);
	/* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */
	$varName: "--icon-#{$icon}-#{$color}";
	background-image: var(#{$varName});
}