استخدم مخطط الألوان اللوني إذا كان المخطط داكنًا، وإلا فاستخدم لوني في السمة

أعتقد أن هذا هو ما تبحث عنه:

لذلك في color_definitions.scss يمكنك فعل ما يلي:

$my-theme-color: dark-light-choose($primary, red);

:root {
  --my-theme-color: #{$my-theme-color};
}

وبعد ذلك ستستخدم الخاصية المخصصة الجديدة للتغيير بين الوضع الداكن/الفاتح في سمتك:

body {
  color: var(--my-theme-color);
}