tokens
variables
prefix
$prefix: dynamics-tokens.$prefix !default;Description
Prefix to be applied to the property.
Set to false or null to exclude prefix.
Type
String
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$prefix: 'mood-swings'
);accent
$accent: dynamics-tokens.$accent !default;Description
Accent color for the color scheme.
Type
Color
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$accent: blue
);variant
$variant: dynamics-tokens.$variant !default;Description
Variant color for the color scheme.
Type
Color
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$variant: seagreen
);mood
$mood: dynamics-tokens.$mood !default;Description
Mood color for the color scheme.
When black, it does not blend with other colors.
Type
Color
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$mood: #451476
);error
$error: dynamics-tokens.$error !default;Description
Error color for the color scheme.
Type
Color
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$error: red
);warning
$warning: dynamics-tokens.$warning !default;Description
Warning color for the color scheme.
Type
Color
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$warning: orange
);success
$success: dynamics-tokens.$success !default;Description
Success color for the color scheme.
Type
Color
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$success: lightgreen
);on-shift
$on-shift: dynamics-tokens.$on-shift !default;Description
Background to text lightness contrast.
Should be between 0 to 50.
Type
Number
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$on-shift: 40
);container-shift
$container-shift: dynamics-tokens.$container-shift !default;Description
Background to container lightness contrast.
Should be between 0 to 50.
Type
Number
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$container-shift: 20
);blend-ratio
$blend-ratio: dynamics-tokens.$blend-ratio !default;Description
Default color to mood blend ratio.
Used to generate primary color.
Type
Number
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$blend-ratio: 0.2
);variant-blend-ratio
$variant-blend-ratio: dynamics-tokens.$variant-blend-ratio !default;Description
Variant to mood blend ratio.
Used to generate secondary color.
Type
Number
Example
@use '@dwijbavisi/mood-swings/tokens' with (
$variant-blend-ratio: 0.4
);