{% if site.color-scheme == “dark” %} <nav class=“navbar navbar-dark bg-dark”> {% elsif site.color-scheme == “blue” %} <nav class=“navbar navbar-dark bg-primary”> {% elsif site.color-scheme == “red” %} <nav class=“navbar navbar-dark bg-danger”> {% else %} <nav class=“navbar navbar-light bg-light”> {% endif %}
<a class="navbar-brand" href="{{site.url | relative_url }}"> {% if site.brand.logo %} <img src="{{ site.brand.logo | relative_url }}" width="50" height="50" alt="..." loading="lazy"> {% endif %} {% if site.brand.logo-text %} <span>{{site.brand.logo-text}}</span> {% endif %} </a> {% if site.social.links %} <ul class="social-icons"> {% for link in site.social.links %} {% if link.label and link.url %} {% if site.color-scheme == "blue" or site.color-scheme == "dark" or site.color-scheme == "red" %} <li><a href="{{ link.url}}"><i style="color: whitesmoke" class="{{ link.icon}}"></i></a></li> {% else %} <li><a href="{{ link.url}}"><i style="color: #444;" class="{{ link.icon}}"></i></a></li> {% endif %} {% endif %} {% endfor %} </ul> {% endif %}
</nav>