如何访问MDC的本机mixins获取我的验证消息？

Question

我正在使用MDC为表单设置样式。现在，我正在努力将helper texts颜色设置为MDC的本机错误颜色。

这应该由Sass mixins完成，像这样

mdc-select-helper-text-validation-color($color)

由于在Flask中设置sass很麻烦，我正在寻找一种使用MDC中现有的mixins的方法。

MDC唯一以这种颜色绘制的帮助程序文本是由required属性触发的消息。

使用检查器，我发现使用混合器也可以做到这一点。

如何在jinja2模板中使用此信息来在#b00020中绘制消息

MCVE

{% macro render_field_errors(field) %}
  {% if field.errors %}
      {% for error in field.errors %}
        <div 
          id="username-helper-text" 
          class="
            mdc-text-field-helper-text 
            mdc-text-field-helper-text--persistent
            mdc-text-field-helper-text--validation-msg" 
          aria-hidden="true">
          {{ error }}
        </div>
      {% endfor %}
  {% endif %}
{% endmacro %}

当前外观：