Template refactor for overriding styles

[joapuiib]

I'm mantaining a theme that extends from this one.
In my theme, I would like to override some admonitions styles.

{% block styles %}
    {{ super() }}
    <link rel="stylesheet" href="{{'stylesheets/custom-admonitions.css' | url}}">
{% endblock %}

As the current template, the resulting template would like like this:

<!-- Theme-related style sheets -->
{% block styles %}
  <link rel="stylesheet" href="{{ 'assets/stylesheets/main.css' | url }}" /> <!-- materialx theme styles -->

  <!-- Extra color palette -->
  {% if config.theme.palette %}
    {% set palette = config.theme.palette %}
    <link
      rel="stylesheet"
      href="{{ 'assets/stylesheets/palette.css' | url }}"
    />
  {% endif %}

  <!-- Custom icons -->
  {% include "partials/icons.html" %} <!-- styles injected for config-based admonitions -->

  <link rel="stylesheet" href="{{'stylesheets/custom-admonitions.css' | url}}"> <!-- my theme admonition styles -->
{% endblock %}

In that case (after #27 is merged), I wouldn't be able to override my theme styles from configuration.

Ideally it had to look like this, so config-based styles are always at the end in order to take precedence.

<!-- Theme-related style sheets -->
{% block styles %}
  <link rel="stylesheet" href="{{ 'assets/stylesheets/main.css' | url }}" /> <!-- materialx theme styles -->

  <!-- Extra color palette -->
  {% if config.theme.palette %}
    {% set palette = config.theme.palette %}
    <link
      rel="stylesheet"
      href="{{ 'assets/stylesheets/palette.css' | url }}"
    />
  {% endif %}

  <link rel="stylesheet" href="{{'stylesheets/custom-admonitions.css' | url}}"> <!-- my theme admonition styles -->

  <!-- Custom icons -->
  {% include "partials/icons.html" %} <!-- styles injected for config-based admonitions -->
{% endblock %}

I could override the whole {% block styles %} from my theme, but, woudn't it make sense to move partials/icons.html outside {% block styles %}?

Edit: Actually, I don't think I can override.the whole block since the hash of main.css changes on each build.
https://github.com/jaywhj/mkdocs-materialx/blob/main/material%2Ftemplates%2Fbase.html#L52