related.txt

https://github.com/thepracticaldev/dev.to/blob/64c4320492dc5af7d79e04f09a87a3291ff33d12/app/views/layouts/_user_config.html.erb

themeable.scss

/**
*
* Makes working with themeable CSS variables easier.
*
* $property: the CSS property to theme.
* $cssVariable: The CSS variable that will store the themed value.
* $fallback: The value to use as a fallback but as well for the CSS variable default value.
*/
@mixin themeable($property, $cssVariable, $fallback) {
  #{$property}: #{$fallback};
  #{$property}: var(--#{$cssVariable}, #{$fallback});
}