Header 5 color won't change

[emanuele]

This is my code, for some reason header 5 is the only one not working:
.theme-dark {
–text-title-h1: #c91e1e;
–text-title-h2: #d67e20;
–text-title-h3: #ccc318;
–text-title-h4: #2ba120;
–text-title-h5: #7694C0;
–text-title-h6: #c91e1e;
}

.cm-header-1
{
font-weight: 500;
font-size: 28px;
font-weight: bold;
color: var(–text-title-h1);
}

.cm-header-2
{
font-weight: 500;
font-size: 26px;
font-weight: bold;
color: var(–text-title-h2);
}

.cm-header-3
{
font-weight: 500;
font-size: 22px;
font-weight: bold;
color: var(–text-title-h3);
}

.cm-header-4
{
font-weight: 500;
font-size: 20px;
font-weight: bold;
color: var(–text-title-h4);
}

.cm-header-5
{
font-weight: 500;
font-size: 18px;
font-weight: bold;
color: var(–text-title-h5);
}

.cm-header-6
{
font-weight: 500;
font-size: 16px;
font-weight: bold;
color: var(–text-title-h6);
}

.markdown-preview-view h1
{
font-weight: 500;
font-size: 28px;
font-weight: bold;
color: var(–text-title-h1);
}

.markdown-preview-view h2
{

font-weight: 500;
font-size: 26px;
font-weight: bold;
color: var(–text-title-h2);
}

.markdown-preview-view h3
{

font-weight: 500;
font-size: 22px;
font-weight: bold;
color: var(–text-title-h3);
}

.markdown-preview-view h4
{

font-weight: 500;
font-size: 20px;
font-weight: bold;
color: var(–text-title-h4);
}

.markdown-preview-view h5
{

font-weight: 500;
font-size: 18px;
font-weight: bold;
color: var(–text-titlte-h5);
}

.markdown-preview-view h6
{

font-weight: 500;
font-size: 16px;
font-weight: bold;
color: var(–text-title-h6);
}

[andrezgz]

Hi, you have a typo in the css variable name

@emanuele

color: var(–text-titlte-h5);

Should it be something like this?

color: var(–text-title-h5);

[emanuele]

I can’t believe I spent 1 whole hour without noticing. thank you a lot!