Access json data using a variable name as lookup value

[alexanderameye]

Like in the eleventy base template I have a list of tags that I display like this.

<ul class="note-tags">
    {%- for tag in tags | filterTagList -%}
        {%- set color = tagcolors.Math -%}
        <li>
            <a style="background-color: {{color}};" href="/tags/{{tag}}">{{tag}}</a>
        </li>
    {%- endfor -%}
</ul>

I have a json data file like this that is supposed to allow me to give each tag a color.

{ "Math": "#E2D4FF", "Graphics": "#FFDE69" }

Now I'm trying to do this where I access the right color from the json data based on the tag but this syntax is not right and I get an error "expected name as lookup value, got {"

<ul class="note-tags">
    {%- for tag in tags | filterTagList -%}
        {%- set color = tagcolors.{{tag}}} -%}
        <li>
            <a style="background-color: {{color}};" href="/tags/{{tag}}">{{tag}}</a>
        </li>
    {%- endfor -%}
</ul>

Is there a suggested workaround for this? I would love to be able to define the colors for a tag in one spot.

Thanks in advance!

[pdehaan]

I think you want:

{%- set color = tagcolors[tag] -%}

[alexanderameye]

I just saw that in the issue below mine where you commented!

#1796 (comment)

Thanks a bunch :)