Question

Почему, когда я вставляю локальные переменные в CSS с помощью E JS, я получаю ошибку в моей среде IDE, в которой написано } expectedcss(css-rcurlyexpected)? Код компилируется и работает. Должен ли я просто игнорировать его?

E JS Внутри <head>

<style>
  .card {
    box-shadow: 0 10px 10px #CCC;
  }
  .custom-th {
    border-top: unset!important;
    <%='color: ' + color + ';' %>
  }

</style>

E JS Внутри <body>

<thead>
  <tr style="<%= 'background-color: ' + account.color_2 + '; border-top: 1px solid '+ border_color + ';'%>">
    <th class="custom-th" scope="col">PRODUCT/SERVICE</th>
    <th class="custom-th" scope="col">QTY</th>
    <th class="custom-th" scope="col">RATE</th>
    <th class="custom-th" scope="col">AMOUNT</th>
  </tr>
</thead>

IDE