MediaWiki:Common.js

// Wait for the DOM to be fully loaded
$(document).ready(function() {
  // Target the logo wordmark
  var wordmark = $('.mw-logo-wordmark');
  
  if (wordmark.length) {
    // Get the current text
    var text = wordmark.text();
    
    // If the text is "ZenithXI", split it
    if (text === "ZenithXI") {
      // Empty the current content
      wordmark.empty();
      
      // Set inline style with !important via attribute
      wordmark.attr('style', 'font-size: 40px !important');
      
      // Add the colored spans
      wordmark.append(
        $('<span>').text("ZENITH").css("color", "#0077B6"),
        $('<span>').text("XI").css("color", "#F4A261")
      );
    }
  }
});

if (!mw.config.get('wgUserName')) {
    const observer = new MutationObserver((mutationsList, observer) => {
        for (const mutation of mutationsList) {
            if (mutation.target.classList.contains('vector-animations-ready')) {
                document.querySelector(
                    '[data-event-name="pinnable-header.vector-main-menu.pin"]'
                ).click()
                observer.disconnect();
                break;
            }
        }
    });
    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
}