How to add custom color to post-cards?

[agarnung]

Hello,

First of all, congratulations on the fantastic template.

I would like to know if it's possible to specify and use custom colors or color mixes for the postcards _includes/_post.card.html, or specify things like rgb(.), rgba(.) directly with the template. I've been looking through the Bootstrap documentation and other sources, but I can't seem to figure it out. The most intuitive way seems to be to define our variables in _sass/_variables.scss, but the trail doesn't lead anywhere further. I tried adding the new color directly in the HTML, bypassing the bg- prefix:

{%- if post.style == 'fill' -%}
  {%- if post.color == 'custom' and post.custom_color != nil -%}
    {%- assign card_style = 'background-color:' | append: post.custom_color -%}  <!-- Using custom color -->
  {%- else -%}
    {%- assign card_style = 'bg-' | append: post.color -%}  <!-- Predefined colors -->
  {%- endif -%}
[...]

But it simply renders with a default or undefined dark color; it doesn't seem to accept custom values.

It might be due to my lack of understanding of how this system works, so I'm asking for help.

Thank you so much!