Inline-Title Color Based on Light/Dark Mode

Can somebody explain why this isn’t working for me? I need a different Light and Dark Theme Colour for my Inline Titles.

.theme-dark.inline-title {
    color: #FDA414;
    font-size: 1.2em;
    font-weight: 200;
}

.theme-light.inline-title {
    color: #146DFD;
    font-size: 1.2em;
    font-weight: 200;
}

Alternatively… If it can, just follow the Custom Accent Color specified in my Theme. Whatever makes it happen.

Try adding a space between the theme color scheme and the inline title. e.g.

.theme-dark .inline-title {
    color: #FDA414;
    font-size: 1.2em;
    font-weight: 200;
}

.theme-light .inline-title {
    color: #146DFD;
    font-size: 1.2em;
    font-weight: 200;
}

CleanShot 2024-05-05 at 20.50.05