Django Conditional для удаления css-класса, если он не находится в основном url

Мне интересно, может ли кто-нибудь помочь мне разобраться в этом; Я работаю над веб-приложением, используя фреймворк django, и для моего navbar у меня есть css класс, который делает его прозрачным на главной странице. Это, конечно, работает на статическом сайте, но не работает в django. Как я могу написать оператор if для применения этого класса только на определенном url - главной странице? 

{% load static %}
<header id="home">
    <!-- Navbar -->
    <nav id="navbar" class="main-page">
        <a href="{% url 'home' %}"><img src="{% static 'images/farmec-logo-2.png' %}" alt="" id="logo"></a>
        <ul>
            <li><a href="{% url 'home' %}" class="current">Home</a></li>
            <li><a href="{% url 'teams' %}">About</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="suppliers.html">Suppliers</a></li>
            <li><a href="parts.html">Spare Parts</a></li>
        </ul>
    </nav>
</header>

#navbar {
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    position: absolute;
    background: transparent;
    width: 100vw;
    z-index: 1;
    background: var(--dark-color);
    transition: 0.5s ease-in;
}

#navbar.main-page {
    background: transparent;
}

В Django вы можете проверить активный URL следующим образом...

Я поместил код для того, чтобы если домашний URL активен, то применялся id="navbar" иначе нет.

{% load static %}
<header id="home">
    <!-- Navbar -->
    <nav {% if request.resolver_match.url_name == 'home' %}id="navbar"{% endif %}  class="main-page">
        <a href="{% url 'home' %}"><img src="{% static 'images/farmec-logo-2.png' %}" alt="" id="logo"></a>
        <ul>
            <li><a href="{% url 'home' %}" class="current">Home</a></li>
            <li><a href="{% url 'teams' %}">About</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="suppliers.html">Suppliers</a></li>
            <li><a href="parts.html">Spare Parts</a></li>
        </ul>
    </nav>
</header>
Вернуться на верх