How to change active link css class (is-active)

Question

What the best way to change css class for an active link from 'is-active' to (in my case) 'active'?

Also, need I really to replace it or to append my class? I know the 'is-active' class is hard-coded (here and in several php classes) and it is so strange for me since drupal is overloaded with many abstraction layers and tons of settings. What is it: "legacy of the past" or really well-founded idea?

I need 'active' class just for my current css-framework, but may be 'is-active' used in core or so?

Thank you!

Answer 1

You can override the theme_menu_link function like this:

function theme_menu_link($variables)
{
  $element = $variables['element'];
  $sub_menu = '';

  if ($element['#below']) {
    $sub_menu = \Drupal::service('renderer')->renderRoot($element['#below']);
  }

  foreach ($element['#attributes']['class'] as &$class) {
    if ($class == 'is-active') {
      $class = 'active';
      break;
    }
  }

  $output = l($element['#title'], $element['#href'], $element['#localized_options']);

  return '<li' . new Attribute($element['#attributes']) . '>' . $output . $sub_menu . "</li>\n";
}